Rive-ready scenario plan for an interactive car animation by Vincent L. AndersonRive-ready scenario plan for an interactive car animation by Vincent L. Anderson

Rive-ready scenario plan for an interactive car animation

Vincent L. Anderson

Vincent L. Anderson

A demo built for a specific brief. Not client work: the material shown is sample data, so what is on display is the mechanism.
Rive-ready scenario plan for an interactive car animation, animated preview
I built a scenario cut map for a car animation on a fictional route. A 384-frame, 16 s source at 24 fps is cut into 9 named timelines that tile it with 0 gaps and 0 overlaps. The car's entry and exit pose is derived from each segment's path, and all 12 transitions are measured: 9 are continuous within 2 map units and 3° (worst 0.00 units, 0.0°), 3 are resets declared as 12-frame crossfades, 0 jump, and 4 continuous cuts are flagged for an ease on speed ratio. A breadth-first pass proves all 3 outcomes reachable with 0 unreachable segments and 0 dead ends; 5 routes run from 9.00 s to 11.00 s. A 7-input by 9-timeline validity matrix and 3 host events are exported as one contract for app and web, and an interactive preview plays the same graph in the browser.
Rive-ready scenario plan for an interactive car animation 1
Rive-ready scenario plan for an interactive car animation 1
Rive-ready scenario plan for an interactive car animation 2
Rive-ready scenario plan for an interactive car animation 2
Rive-ready scenario plan for an interactive car animation 3
Rive-ready scenario plan for an interactive car animation 3
Like this project

Posted Sep 23, 2026

A car clip planned as 9 timelines, 12 measured transitions, 7 inputs and 3 reachable outcomes, with a browser mock where a drawn car drives, branches and cross-fades, and a developer contract for app and web. Rive-ready plan; no Rive file included.