Road Rage

• 

  Game Start

• 

  Gameplay

Inspiration

One of us has previous experience with computer vision and gesture control, and thought it would be cool to use gesture controls for a game.

What it does

It is a driving game where you stand in front of the camera, and move your hands as if it were on a steering wheel to move the car. There are coins to collect for points, as well as NPC cars to crash into, hence the name "Road Rage".

How we built it

We used media pipe to detect hand position, integrated with JavaScript. The graphics were done in Three.js, and the physics was powered by Rapier, a physics engine.

Challenges we ran into

Implementing the physics with the car, especially with collisions and friction, was challenging. Additionally, when extracting the computer vision data, we had to figure out an effective way to interpolate the data for smooth I/O between the camera and the game.

Accomplishments that we're proud of

Controlling the steering wheel with hands was something we were very proud of. We were surprised at how well it turned out. We're also proud of making an entire game in JavaScript, which we have never done before.

What we learned

We learned about using computer vision and integrating it with a complicated game using physics.

What's next for Road Rage

We plan on deploying it to the app store. Additionally, we plan on adding power ups, better scoring system, adding game states, and multiplayer.

Built With

• javascript
• mediapipe
• rapier
• three.js