Exp 02
Etalonaje en directo
Una mesa de etalonaje en el navegador: corrige el color de mis planos con ruedas de color, balance de blancos y looks de cine, compara el antes y el después y lee los monitores mientras lo haces.
- Fecha
- octubre de 2026
- Hecho con
- WebGL 2 · Three.js · GLSL · Video textures
Cómo está hecho
La idea
En el etalonaje es donde un plano encuentra su atmósfera: la misma imagen puede parecer una mañana fría o un recuerdo cálido. Aquí te sientas en la mesa con tres de mis planos del amanecer en Anna, y cada cambio ocurre en directo sobre la imagen en movimiento.
El mismo orden que una sala de etalonaje
Cada fotograma del vídeo pasa por un shader que aplica las correcciones en el orden en que lo haría DaVinci Resolve: balance de blancos, exposición, lift, gamma y gain, contraste alrededor de un gris medio y saturación. Las ruedas de color empujan las sombras, los medios y las luces hacia un tono sin cambiar su brillo.
Un look son solo ajustes
Cada look mueve las ruedas y los controles a su posición, así que puedes ver cómo se construye un teal and orange, una copia de cine o un bleach bypass, y seguir desde ahí. La cortinilla deja el original sin tocar a un lado para comparar.
Monitores, como en un rodaje
Unas doce veces por segundo se lee desde la tarjeta gráfica una copia pequeña del fotograma etalonado. Con ella la página dibuja una forma de onda, que muestra el brillo de cada columna, y un vectorscopio, que muestra cada tono y su saturación, con la línea de tono de piel como referencia.