A thrilling 3D racing game inspired by Lightning McQueen, built with Three.js. Race against AI opponents, manage your fuel, and complete three laps to victory!
Experience an immersive 3D racing environment complete with a stadium, cheering audience, and a challenging race track filled with twists and turns. The game features a dual-view system, giving you both a main racing perspective and a helpful minimap for strategic navigation.
The racing mechanics are designed to be engaging and realistic, featuring smooth car controls with drifting capabilities. You'll need to manage your fuel and health while competing against AI-controlled opponents. The game tracks your progress with a real-time dashboard showing your score, lap times, and vital statistics.
Strategic gameplay elements include randomly spawning fuel cans that you'll need to collect to stay in the race. Keep an eye on your health and avoid collisions with other racers as you aim to complete three exciting laps!
Before you begin, ensure you have Node.js installed on your system.
- Clone the repository:
git clone https://github.com/ishwarbb/3D-Car-Racing-Game
cd 3D-Car-Racing-Game- Install the required dependencies:
npm install three
npm install webpack
npm install -g servez- Build the project (required after any code changes):
npx webpack --config webpack.config.js- Start the server:
servez .- Navigate to
/distin your browser to play the game
- W: Accelerate
- S: Brake/Reverse
- A: Turn Left
- D: Turn Right
- Drifting:
- Press S + A for left drift
- Press S + D for right drift
- Note: Don't accelerate while drifting!
- Complete 3 laps before running out of fuel
- Collect fuel cans to maintain your fuel level
- Avoid collisions with other cars to preserve health
- Use drifting strategically to maintain speed in turns
- Monitor your fuel gauge constantly
- Plan your route to collect fuel cans efficiently
- Use drifting for tight corners, but time it carefully
- Watch out for aggressive AI opponents
- Keep an eye on the minimap for strategic positioning
If you encounter any issues:
- Ensure all assets are properly downloaded and placed in the correct directory
- Check if all dependencies are properly installed
- Clear your browser cache if you experience display issues
- Make sure you're using a modern browser with WebGL support
The game is built using:
- Three.js for 3D rendering
- Webpack for bundling
- Custom physics engine for car mechanics
- System logic for opponent cars
- 3D models and textures sourced from Sketchfab