35
Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Embed Size (px)

Citation preview

Page 1: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Simulación de “Bokeh” en imágenes generadas por ordenador

Pablo León-Asuero MorenoDaniel López García

Ignacio Sanchís RobinaGrupo 19

Page 2: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Apertura

Page 3: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Profundidad de campo

Page 4: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Bokeh

Page 5: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Mapa de profundidad

Page 6: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Modelo Físico

Page 7: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Modelo Computacional

Page 8: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Nuestra Propuesta

Page 9: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Nuestra Propuesta

Page 10: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Nuestra Propuesta

Page 11: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Nuestra Propuesta

Page 12: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Tecnologías HTML 5

CANVAS

WEBGL

Page 13: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Tecnologías

HTML 5

CANVAS

WEBGL

Page 14: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Tecnologías HTML 5

CANVAS

WEBGL

Page 15: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Tecnologías HTML 5

CANVAS

WEBGL

Page 16: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Librerías Externas JQuery

J3D.js

Dat.gui.min.js

filterShader.glsl

Dndimg.js

Page 17: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Librerías Externas

JQuery

J3D.js

Dat.gui.min.js

filterShader.glsl

Dndimg.js

Page 18: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Librerías Externas JQuery

J3D.js

Dat.gui.min.js

filterShader.glsl

Dndimg.js

Page 19: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Librerías Externas JQuery

J3D.js

Dat.gui.min.js

filterShader.glsl

Dndimg.js

Page 20: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Librerías Externas JQuery

J3D.js

Dat.gui.min.js

filterShader.glsl

Dndimg.js

Page 21: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Librerías Externas JQuery

J3D.js

Dat.gui.min.js

filterShader.glsl

Dndimg.js

Page 22: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19
Page 23: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19
Page 24: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

La profundidad

Page 25: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Naturaleza del Bokeh

Page 26: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Naturaleza del Bokeh

Page 27: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Naturaleza del Bokeh

Page 28: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Desenfoque Gaussiano Simulación

Naturaleza del Bokeh

Page 29: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Pichard Cyril, Michelin Sylvain, Tubach Olivier: “Photographic Depth of Field Blur Rendering”

Planteamiento teórico

Page 30: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Planteamiento teórico

Page 31: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Aplicación práctica

Page 32: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Nuestro algoritmo

Page 33: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Resultados

Page 34: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Demo

Page 35: Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel López García Ignacio Sanchís Robina Grupo 19

Conclusiones