Scroll-Cinematic — sitios de productos 3D con un solo prompt

Qué es realmente esto (léelo primero)

El efecto viral de "scroll 3D" no es Three.js. Es una barrido de secuencia de imágenes en canvas: se exporta un clip cinematográfico corto en ~180 JPGs numerados, todos precargados, y el frame se dibuja en un <canvas> se elige según el progreso del scroll. Desplazarse hacia adelante o hacia atrás reproduce el clip. Añade scroll suave con Lenis + texto superpuesto sincronizado con el scroll y parecerá 3D premium. El «3D» proviene por completo del video de origen, que generamos con Higgsfield.

Stack: HTML + CSS + JS + Lenis puros (sin compilación, funciona en cualquier servidor estático).