Alfa Romeo Demo

Alfa Romeo Demo 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.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 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.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 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.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 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.The project also includes a dynamic camera, wheel animation, terrain handling (raycasting), collision detection, and a sound system based on real engine audio samples.