Skip to content

About

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 🐱.

Topics

Resources

Stars

6 stars

Watchers

0 watching

Forks

Latest commit

 

History

19 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎯 Headshot Tracker — Real-Time Face & Gesture Targeting HUD

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 🐱.

🔗 Live Preview

🌐 https://headshot-tracker.apoorvdarshan.com

💻 Source Code

📂 https://github.com/apoorvdarshan/headshot-tracker


🧠 Features

  • 🎯 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)

📸 Preview

headshot.tracker.preview.-.compressed.mp4

⚙️ Tech Stack

  • HTML5
  • CSS3 (neon HUD styling, flex layout)
  • JavaScript (DOM + MediaPipe integration)
  • MediaPipe Face Detection + Hand Landmarks

🙌 Show Support

Star ⭐ the repo if you like smart interfaces with fun surprises!
Let’s connect and build interactive web magic.


👨‍💻 Created by

Apoorv Darshan

About

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 🐱.

Topics

Resources

Stars

6 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages