Formula 1 Car 3D Visualization

A Three.js visualization featuring a detailed Formula 1 race car model with realistic F1 components and aerodynamics.

Features

• Realistic F1 car model with accurate proportions
• Front wing with endplates
• Rear wing with DRS-style multi-element design
• Halo safety device
• Sidepods with air intakes
• Diffuser and exhaust system
• Suspension elements
• Different sized front and rear tires (regulation compliant)
• Shark fin engine cover
• Dynamic shadows and racing-style lighting
• OrbitControls for interactive 360° viewing
• Racing track ground with grid pattern

F1 Components Included

• Nose cone
• Front wing assembly
• Monocoque chassis
• Cockpit with halo
• Sidepods with air intakes
• Engine cover with shark fin
• Rear wing assembly with endplates
• Diffuser
• Exhaust pipes
• Suspension wishbones
• Racing wheels and tires

Setup

1. Open index.html in a modern web browser
2. Use mouse to orbit around the F1 car
3. Scroll to zoom in/out
4. The car will gently rotate for viewing

Files

• index.html - Main HTML file
• main.js - Entry point and animation loop
• car.js - F1 car model creation
• scene.js - Scene and lighting setup
• camera.js - Camera configuration
• renderer.js - WebGL renderer setup
• controls.js - OrbitControls setup
• config.js - Configuration constants