About
Snakepoint is a gesture-controlled version of the classic Snake game. Point your finger to control the snake’s direction using your webcam. No keyboard required.
Features
- Hand Gesture Controls: Point in any direction to move the snake
- Real-Time Hand Tracking: Powered by MediaPipe for responsive gesture detection
- Gesture Buffering: Smoothed controls to prevent jittery movements
- Auto-Pause: Pauses when you switch tabs
- Responsive Design: Works on desktop, tablet, and mobile
Technology Stack
- Frontend: Astro, TailwindCSS, JavaScript
- Computer Vision: MediaPipe Hands
- Game Rendering: HTML5 Canvas
- Font: Orbitron
Implementation
The game uses MediaPipe’s hand tracking model to detect finger positions in real-time. A gesture detection algorithm analyzes the angle between finger landmarks to determine pointing direction. Gesture buffering and cooldown systems ensure smooth, responsive controls while preventing accidental inputs.
Try It Out
Visit the live demo to play Snake with your hands!