The Protection Lab
Eighteen camera keyframes around a Range Rover Sport, driven by scroll. One WebGL stage behind the whole page.
A concept for a vehicle protection studio. There is no vehicle viewer in a box: the page is composed on the car. One continuous Three.js stage sits behind the document, and eighteen camera keyframes, light levels and surface states come out of a single timeline that scroll drives.
What we built
- Polar camera rig so every move is an orbit around the vehicle, never a line through it
- Chapter timing measured from the DOM, so section height is the pacing
- Paint and film shaders for the surface storytelling, debris impact sequence driven by scroll
- Device tiering and an FPS watchdog for mobile
