Turn your webcam into a jujutsu hand-sign scanner.
Play a Galaga-inspired arcade shooter where the keyboard pilots your ship and your hands unlock cursed techniques.
https://hindolch.github.io/The-drifter/
DEMO.mp4
DEMO2.mp4
The Drifter is an experiment in combining arcade gameplay with computer vision.
Movement is controlled using the keyboard, while special abilities are activated through webcam-detected hand gestures. Gesture recognition runs entirely in the browser using MediaPipe, requiring no backend or cloud processing.
| Input | Action |
|---|---|
| WASD / Arrow Keys | Move the ship |
| Auto Targeting | Fire at enemies in range |
| 🤞 Crossed Fingers | Infinite Void |
| ✌️ Peace Sign | Mirror Domain |
| ✊ Fist | Catastrophic Domain |
| Domain | Effect |
|---|---|
| Infinite Void | Slows enemy movement and projectiles |
| Mirror Domain | Reflects enemy attacks back at enemies |
| Catastrophic Domain | Introduces chaotic gameplay modifiers and speed changes |
- Real-time hand gesture recognition
- Hybrid keyboard and computer vision controls
- Three gesture-triggered special abilities
- Progressive enemy waves
- Local high-score tracking
- Retro-inspired Canvas UI
- Browser-based audio system
- Fully client-side architecture
| Layer | Technology |
|---|---|
| Language | TypeScript |
| Build Tool | Vite |
| Rendering | HTML5 Canvas |
| Computer Vision | MediaPipe Tasks Vision |
| Audio | Web Audio API |
| Deployment | GitHub Pages |
Every cleared battlefield compiles a more dangerous version of itself.
- Standard formations
- Low enemy velocity
- Increased movement speed
- Additional enemy spawns
- Elevated projectile density
- Randomized behavior patterns
- Increased battlefield chaos
If you want to tweak gesture thresholds, create new Domains, or accidentally invent stronger enemies:
# Install dependencies
npm install
# Launch development environment
npm run dev
# Create production build
npm run build
# Preview production build locally
npm run preview- Core arcade gameplay
- Hand gesture recognition
- Infinite Void
- Mirror Domain
- Catastrophic Domain
- High score system
- Audio system
- GitHub Pages deployment
- Additional Domains
- More faster game speed
- More gesture recognition techniques
- Boss encounters
- Advanced visual effects
- Domain-specific shaders
- Mobile support
- Online leaderboards
Ideas, bug reports, pull requests, cursed techniques, and more fictional add-ons be it domain concepts or others are always welcomed.
Fork the repository, experiment recklessly, and submit a PR.
MIT