AirPiano

A web-based version of the gesture-controlled rhythm game.

Technologies Used

• HTML / Vanilla JS / CSS
• Vite
• Google MediaPipe Tasks Vision (@mediapipe/tasks-vision)
• Web Audio API

How to Run

Navigate to this directory and start the Vite dev server:

cd web
npm run dev

Then open the Local URL provided in your browser (usually http://localhost:5173).

Gameplay

Just like the Python version:

• Lane 1: Left Hand - Fist ✊ (Plays Kick Drum)
• Lane 2: Left Hand - Open Palm ✋ (Plays Piano)
• Lane 3: Right Hand - Peace Sign ✌️ (Plays Synth)
• Lane 4: Right Hand - Thumbs Up 👍 (Plays FX)

The game uses your webcam entirely locally in the browser. Allow webcam access when prompted.