Headshot Tracker is a real-time, browser-based face and gesture tracking system styled as a sci-fi HUD. It uses MediaPipe to lock a red crosshair onto your forehead and detect hand gestures that trigger hidden reactions like a surprise cat meme video 🐱.
🌐 https://headshot-tracker.apoorvdarshan.com
📂 https://github.com/apoorvdarshan/headshot-tracker
- 🎯 Real-time face tracking with red crosshair overlay
- ✋ Gesture recognition (e.g., “hands up” triggers a cat meme)
- 🐱 Meme video surprise for fun interaction
- 📱 Responsive layout with dark sci-fi green theme
- 🍔 Gesture guide toggle with hamburger menu
- 💾 Built using HTML, CSS, JavaScript + MediaPipe (Face & Hands)
headshot.tracker.preview.-.compressed.mp4
- HTML5
- CSS3 (neon HUD styling, flex layout)
- JavaScript (DOM + MediaPipe integration)
- MediaPipe Face Detection + Hand Landmarks
Star ⭐ the repo if you like smart interfaces with fun surprises!
Let’s connect and build interactive web magic.