scroll-film
Installation
SKILL.md
Scroll film
A scroll film pins a canvas while the visitor scrolls through a tall section, and the scroll position picks the frame. The visitor drives the camera, which is why it feels three-dimensional even when every frame was rendered in advance. It is the right tool when the motion is too rich for real-time 3D (generated worlds, liquids, people) and the path is fixed.
Tools
| File | What it does |
|---|---|
assets/scroll-film.js |
The engine: pinned canvas, progress-to-frame keys with holds, frame sequences or video, smoothing, reduced motion |
scripts/prep.py frames |
Joins clips into one numbered WebP sequence and a manifest |
scripts/prep.py video |
Joins clips into one MP4 encoded for instant seeking |
scripts/prep.py seams |
Scores every join between clips and fails on a visible jump |
Needs ffmpeg and ffprobe, Python 3.9+ and pip install pillow numpy. Making the clips is motion-assets; transparent subjects are alpha-cutout; checking the result is site-check and frame-capture.