Space Dash is a hand-gesture controlled game built entirely in the browser, with no plugins required! You can control the game using your hand movements via webcam. This project is a computer vision game created using MediaPipe.js for hand gesture recognition, Next.js for the front end, and Tone.js for sound effects.
- Hand-gesture controlled gameplay using webcam input
- Real-time hand gesture detection powered by MediaPipe.js
- Fun and interactive boulder-dodging mechanic
- Dynamic sound effects using Tone.js
- Fully browser-based—no plugins or additional software required
- Next.js: React-based framework for building web applications
- MediaPipe.js: Library for real-time gesture detection using webcam
- Tone.js: Library for handling sound effects in the game
- Tailwind CSS: Utility-first CSS framework for styling the UI
In Space Dash, you control a rocket that must avoid boulders falling from the top of the screen. The movement of your hand controls the rocket’s position in real-time. As you progress, the difficulty increases with more boulders appearing and faster movements.
- Move your hands left or right to control the rocket.
- Dodge the falling boulders and rack up distance points.
- Collide with a boulder, and you’ll lose a life—avoid losing all your lives to keep playing!