Exp 01
Cambio de foco
Señala cualquier punto de la foto y la lente enfoca ahí, con profundidad de campo real, bokeh y destellos anamórficos, en directo en tu navegador.
- Fecha
- octubre de 2026
- Hecho con
- WebGL 2 · Three.js · GLSL · Depth Anything V2
Cómo está hecho
La idea
En un rodaje, el foquista decide dónde miras. Aquí lo decides tú: señala cualquier punto de la foto y la lente cambia el foco hasta ahí, con la poca profundidad de campo de un objetivo de cine muy abierto.
De una foto plana a una escena con profundidad
Las fotos son mías y están nítidas de delante a atrás. Una red neuronal, Depth Anything V2, calcula a qué distancia está cada píxel. Ese mapa de profundidad le dice a la lente cuánto desenfocar cada punto según dónde esté el foco.
La lente, escrita como un shader
Cada píxel recoge unas 160 muestras a su alrededor siguiendo una espiral de ángulo áureo, hasta donde llega su desenfoque. Los puntos brillantes pesan más y se abren en círculos de luz, u óvalos verticales con la lente anamórfica. Los destellos horizontales, la aberración cromática, el grano y un toque de respiración del foco completan el aspecto.
Ligero para un móvil
El paso más pesado solo se ejecuta mientras el foco se mueve, a media resolución; lo que está enfocado sale directamente de la foto original. El grano va a 24 fotogramas por segundo y todo se detiene cuando el experimento no está en pantalla.