What you get
Approved keyframes, optimized motion assets, a timeline config, and interaction code ready to drop into the page.
Oil Motion: Wire Generated Motion into Web Interaction
Added 2026-09-03Lock keyframes, generate the continuous motion between them, clean and compress every frame, then map the timeline to scroll, pointer, drag, touch, device orientation, or component state.
It begins with a Concept Contract for subject, style, motion, background ownership, input, and continuity, then locks the start, middle, and end states as keyframes. A small pilot must pass before batch generation. The delivery route is chosen from all-keyframe MP4, an alpha WebP sprite sheet, or chroma MP4 according to the scene and device budget, while runtime control is chosen separately from frame scrubbing, segment playback, or autonomous playback. The generated media is inspected frame by frame to trim pauses and near-duplicates, catch flicker and bad seams, clean transparent edges, survive fast reversals, and stay within the mobile loading budget. Static first-frame, load-failure, and reduced-motion fallbacks are part of the handoff. Deterministic processing requires Python 3, Pillow, ffmpeg, and ffprobe; video generation needs a one-time model-service key setup. The repository is MIT-licensed.