Loading 3D Garage
A fan-made real-time 3D tribute to the blue-and-silver legend that defined high-speed pursuit culture.
02 · Orbit
Built for motion, not a static showcase.
CAMERA ORBIT 034°
03 · Detail
A cinematic inspection of the machine.
04 · Lock
A real-time automotive interface combining 3D, scroll choreography, audio states, and cinematic UI layers — orchestrated as one motion pipeline.
Real-time 3D
A live WebGL scene rendered with React Three Fiber — GLSL shaders, post-processing bloom and physically-based materials drive the M3 GTR frame by frame.
Scroll Camera
A GSAP ScrollTrigger timeline choreographs five camera keyframes into one continuous cinematic orbit.
Audio Engine
HTML5 audio with a custom fade envelope brings the engine note in and out on demand.
Cursor Trail
Four lagging nodes with individual follow speeds trace a velocity-aware ribbon behind the pointer.
Cascade Typography
Grapheme-segmented letter reveals use a text-shadow vertical swap so layout never shifts on hover.
HUD Interface
Edge-anchored telemetry, scanner rings and progress rails layer cinematic game UI over the render.
Lighting Pass
Key, rim and fill directionals plus a blue accent point light are tonemapped through ACES filmic with bloom.
Responsive Motion
Every timeline degrades gracefully — reduced-motion users get a static camera, simpler transitions and no parallax.
Fifteen rivals. One icon.
The Most Wanted list, crossed off one by one until only Razor and the BMW M3 GTR remained. The pursuit never closed. The file never closed. Rockport still talks about the blue-and-white silhouette that vanished into the night.
“Every rival crossed off. One legend remained. Rockport never forgot the M3 GTR.”
A cinematic web experiment blending real-time 3D, scroll choreography, UI systems, and interactive motion — engineered as a single, cohesive automotive showcase.
