https://github.com/sachindolase/virtus-innovation-assignment

Build a game using React-three libraries like Fiber, Drei, Rapier, or any other react-three library.
https://github.com/sachindolase/virtus-innovation-assignment

javascript nextjs react react-three-drei react-three-fiber react-three-rapier

Last synced: 27 days ago
JSON representation

Build a game using React-three libraries like Fiber, Drei, Rapier, or any other react-three library.

• Host: GitHub
• URL: https://github.com/sachindolase/virtus-innovation-assignment
• Owner: sachindolase
• Created: 2024-09-05T06:46:45.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-09-05T06:50:01.000Z (4 months ago)
• Last Synced: 2024-09-06T11:59:11.323Z (4 months ago)
• Topics: javascript, nextjs, react, react-three-drei, react-three-fiber, react-three-rapier
• Language: JavaScript
• Homepage: https://virtus-innovation-assignment.vercel.app/
• Size: 52.7 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Build a game using React-three libraries like Fiber, Drei, Rapier, or any other react-three library. 

The game should feature a vehicle with the following characteristics:

1. The vehicle should have 3 wheels and joints.

2. The front wheel should be a sphere, and the back wheels should be small cylinders.

3. The body of the vehicle should be rectangular.

### Game Mechanics:

1. The car should move in the direction you point the cursor when you press "W" and should move backward when you press "S". The cursor should help you take turns.

2. To make the game more fun, we'll randomly drop different shapes (cubes, spheres, pyramids) from the sky. These shapes will have different masses and sizes, and you need to program this randomness.

3. Your goal is to escape the falling shapes to survive. If you touch any of the shapes, the game will be over.

The falling shapes should exhibit physic properties when they hit the ground.

### 3Bonus:

1. Store the score in a Supabase database at the end of the game.

2. Use Tailwind CSS to make it adaptable to mobile and tablets.