Flow Driving

Flow Driving is an interactive driving game that uses hand gestures or arrow keys for control. The game leverages the power of Three.js for 3D rendering and AI models for hand gesture recognition.

demo.mp4

Features

• Control the car using arrow keys or hand gestures.
• Realistic 3D graphics powered by Three.js.
• Hand gesture recognition using MediaPipe.
• Start screen with game instructions.
• Game over screen with options to restart or go to the home screen.
• Responsive design for different screen sizes.

Installation

1. Clone the repository:

   git clone https://github.com/anirban-majumder/flow-driving.git

2. Navigate to the project directory:

   cd flow-driving

3. Install the dependencies:

   npm install

4. Start the development server using Vite:

   npm run dev

5. Open your web browser and go to the URL provided by Vite (usually http://localhost:5173).

Technologies Used

• Three.js: For 3D rendering.
  • Three.js
• MediaPipe: For hand gesture recognition.
  • MediaPipe Hands
• HTML5: For structuring the web page.
• CSS3: For styling the web page.
• JavaScript: For game logic and interactivity.

Contributing

Contributions are welcome! Please follow these steps to contribute:

1. Fork the repository.
2. Create a new branch:

   git checkout -b feature/your-feature-name

3. Make your changes and commit them:

   git commit -m "Add your message here"

4. Push to the branch:

   git push origin feature/your-feature-name

5. Open a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements

• Three.js for the amazing 3D library.
• MediaPipe for the hand gesture recognition solution.
• Fonts by Google Fonts.