# Need For Speed Clone (Three.js + Cannon-es)
A small but exciting approach to recreating the **Need for Speed** experience in the browser!
Built with **Three.js** for stunning 3D visuals and **Cannon-es** for realistic physics, this project lets you simulate driving a car inside a dynamic 3D environment with **chasing mechanics**.
---
## Demo
👉 [Play the Game](https://need-for-speed-clone.onrender.com)
---
## Features
- 3D open environment built with **Three.js**
- Realistic car physics powered by **Cannon-es**
- Chasing mechanics to simulate thrilling pursuits
- Smooth and intuitive **keyboard controls**
- Easy-to-extend architecture for adding new cars, maps, and features
---
## Getting Started
### Prerequisites
Make sure you have **Node.js** and **npm** installed.
[Download Node.js](https://nodejs.org/)
### Installation
Clone the repo and install dependencies:
```bash
git clone https://github.com/Aditya02git/need-for-speed-clone.git
cd need-for-speed-clone
npm install
npm start- React Three Drei
- Three.js
- Cannon-es
- [Stat.js]
| Key | Action |
|---|---|
| W / ↑ | Accelerate |
| S / ↓ | Brake / Reverse |
| A / ← | Steer Left |
| D / → | Steer Right |
| Spacebar | Handbrake |
| W + A + Spacebar | Left Drift |
| W + D + Spacebar | Right Drift |
| ** L ** | Front Light |
- More complex + realistic environments with hills, bumps, obstacles
- Suspension system for improved vehicle dynamics
- Advanced driving techniques: powersliding & drifting
- Simulation of tire wear, fuel consumption, engine damage
- Multiplayer support for real-time online racing
We welcome contributions from the community! Here’s how you can help:
- Open an issue to report bugs or suggest improvements.
- Submit a pull request with new features or fixes.
- Star the repo to support the project.
This project is licensed under the MIT License. Feel free to use and build upon it!
If you enjoyed this project, please consider giving it a ⭐ on GitHub — it helps a lot!