01
3D Car Visualizer — orchestrated end to end
cars-3d.lautarowaltersdorf.comWhat it is
An immersive, real-time 3D car configurator that runs entirely in the browser. I orchestrated the full 3D visualization end to end — scene, frontend and audio generated around Sketchfab models — then shipped it with a cinematic camera intro, studio HDR lighting and physically-based materials. No plugin, no app, just a link.
What you can do
- Drag to orbit the car in full 3D
- Change the paint colour on the fly
- Hit the gas to rev the engine with synced audio
- Go fullscreen for the showroom view
Tech stack
- Three.js
- WebGL
- GLTF / GLB
- Tween.js
- HDR / IBL
- Web Audio
- Vanilla JS
Key features
- ACES filmic tone mapping with image-based studio lighting
- Cinematic tweened camera intro on load
- Mobile-aware rendering — adaptive pixel ratio and quality
- Interactive paint, fullscreen mode and engine audio
- Loads from a single static URL, no backend required
Hard problem solved
The engine wind-down is the part that usually sounds fake. Instead of synthesising a pitch-down, it plays a window cut from the tail of the real rev recording — anchored to the decay and cross-faded into a looping idle — so deceleration sounds like physics, not a toy. Audio also self-initialises muted on load so consent survives a fast load, and a single device check scales back blur, lighting and reflection size to keep phones smooth without a forked build.
Read the full engineering write-up on GitHub