Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel...

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

Transcript of Simulación de “Bokeh” en imágenes generadas por ordenador Pablo León-Asuero Moreno Daniel...

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