BitBoxer

Practice your boxing without a controller!

Comment

BitBoxer is an interactive game single player punch one another until one person reaches the desired score first!

BitBoxer utilizes React alongside tools such as OpenCV and MediaPipe to provide a fun, interactive user experience where they can play a game of punchies with a friend. The user's laptop webcam is used to motion track the their hands which allows them to deliver punches on the opposing side.

How we built it

We leveraged Three.js to create the 3D environment along with MediaPipe for motion tracking via web camera.

Challenges we ran into

The biggest challenged we faced was making a fluid display of the gloves to recognize punches. This led to other problems that came up such as positioning, calibration, and scaling of the different components.

Accomplishments that we're proud of

We are proud of having a deployed website for people to use! This was more of a fun hack to build and definitely made it a more enjoyable hackathon experience.

What we learned

Blending Three.js with MediaPipe and building literacy on using webhooks!

What's next for BitBoxer

We would like to make the whole experience multiplayer with being able to go up against different people to have a more fun and playable experience.

Built With

Share this project:

Updates