09 / 25·Motion & Interaction
APEX
Motorsport heritage. One lap, scrubbed corner by corner.
About the work
A scuderia's heritage page where scrolling drives a car around an SVG circuit. Speed, lateral g and sector times are derived live from the path geometry itself — the telemetry is computed, not faked — while corner captions arrive on station.
How it was made
The rule was that every number on screen had to fall out of the geometry. Speed comes from a keyed profile, g from the change in heading — iteration went to the corner captions' timing so they land exactly as the car reaches each apex.
Like every work in the exhibition, it passed three full iteration passes — a visual critique, a deepening pass, and a QA pass at 390px with reduced motion and zero console errors — and documents itself in its own build guide.
Key features
- Car positioned by getPointAtLength along a hand-drawn raceline
- Speed profile as piecewise smoothstep keyed to real corners
- Lateral g derived from heading change, not hand-animated
- Sector bars and delta readouts paced to the scrub
Technology
- SVG paths
- GSAP ScrollTrigger
- Derived telemetry
In its own light
