> SPLITLIGHT.APP / LABS / SCROLLSCENE
Scroll plays the film
A film cut into 40 frames, scrubbed entirely by your scroll position. No JavaScript — one cached image and a CSS scroll timeline. Scroll slowly. Scroll backwards. You are the playhead.
Dawn
The school climbs out of a sunrise sea of cloud.
Daylight
High noon above the weather — every frame is your scroll position.
Starlight
Day becomes night. Scroll back up to rewind the sky.
How it works
A video becomes a tall sprite of frames at absorb time — ffmpeg on the server, one immutable-cached request from RAM. On screen, a pinned viewport and a CSS view-timeline map your scroll onto steps() of the strip. Phones get a portrait (9:16) sprite that fills the screen; desktops get the widescreen one — the browser downloads only the one it needs. Browsers without scroll timelines see the first frame and this text, nothing broken.
The footage is AI-generated (Seedance 2.0). The page you are reading scores 100 · 100 · 100 · 100 on Google PageSpeed — receipts on the home page.