3d game demo · 2026
Alfa Romeo Demo
This portfolio and blog website exemplifies meticulous attention to detail and unwavering commitment to excellence. Built with modern web technologies, it features a clean, distinctive design that prioritizes user experience while showcasing professional achievements. The integration of a headless CMS enables efficient content management for both blog posts and project presentations, while a custom-built interactive contact form streamlines communication through email integration.
- Project type
- 3d game demo
- Year
- 2026
- Technologies
- 6
- Status
- Live
Alfa Romeo Demo
An interactive 3D browser experience built with Three.js and React Three Fiber, extending a classic car model viewer with a full driving system (free roam), custom physics, and advanced lighting.
Physics
The centerpiece of the project is a custom vehicle physics model, built around concepts such as slip angle, traction circle, and dynamic weight transfer. The system separates longitudinal velocity, lateral velocity, and rotation (yaw), enabling realistic car behavior including controlled slides and drift. Additional mechanisms adapt the controls for keyboard input — progressive steering, angular acceleration limiting, and rotation assist during braking.
Lighting
The lighting system uses a layered approach: emissive meshes working alongside bloom for visual effect, combined with real light sources (spot/point lights) to illuminate the scene. Supplementary spill lights round out the setup, achieving a realistic result despite the limitations of the 3D model. Custom shaders for the car body, headlights, and scene lighting together deliver a complete visual experience.
Other
The project also includes a dynamic camera, wheel animation, terrain handling (raycasting), collision detection, and a sound system based on real engine audio samples.
Interested in something similar?
Tell me what you need and you will get a concrete scope, timeline and price.
Contact me