Scroll-Cinematic — 3D product sites with a single prompt

What This Really Is (Read First)

The viral "3D scroll" effect no is Three.js. It’s a image sequence scan in canvas: a short cinematic clip is exported to ~180 numbered JPGs, all preloaded, and the frame is drawn in a <canvas> is chosen by scroll progress. Scrolling forward/backward plays the clip. Add smooth scrolling with Lenis + scroll-synced overlay text and it feels premium 3D. The “3D” comes entirely from the source video—which we generated with Higgsfield.

Stack: HTML + CSS + JS + Lenis pure (zero build, runs on any static server).