03Recreación
Pyrelane Supply Co.
Una landing para un distribuidor industrial: la foto del hero vista a través de una cámara térmica en un solo fragment shader, y las capacidades contadas en una secuencia fija de scroll.
/
/
Qué construí
- Hero a pantalla completa con una entrada por fases.
- Sección fija de 500vh donde las tarjetas de capacidades se funden en un resumen.
- Formulario de contacto validado y una sección de cierre con parallax.
Notas de ingeniería
Calor leído de la foto
El shader toma una copia suave y de baja resolución de la foto como base de calor, integra los bordes de la imagen completa y pasa el resultado por una rampa térmica de siete paradas. Corre sobre ogl.
Barato cuando nadie lo ve
Con un tope de 1.25x de pixel ratio, baja su resolución cuando los cuadros van lentos, se pausa fuera de pantalla y sin WebGL muestra la foto entonada.
Qué corre en modo demo
- El formulario de contacto valida localmente. No se envía nada.