🖐️ Cool Hand HUD

Cool Hand HUD is a browser-based interactive demo that uses MediaPipe HandLandmarker to track your hands in real-time using your webcam.
It overlays a futuristic heads-up display (HUD) and animated visual effects directly on top of your hand landmarks, creating a sci-fi, AR-like experience — all running locally in your browser.

---

🚀 Features

• 🎥 Live Hand Tracking — Detects & tracks up to 4 hands simultaneously.
• 🛸 Futuristic HUD Overlay — Dynamic HUD & hand skeleton with palm rings, fingertip gizmos, etc.
• ✨ Visual Effects — Toggle trails, particles & energy effects for immersion.
• ⚡ Performance Controls — Choose model type (full/lite), max hands, resolution & FPS.
• 📱 Responsive UI — Built with Bootstrap 5 + custom CSS for mobile & desktop.
• 📸 Screenshots — Capture & download snapshots with overlays.
• 📊 Live Feedback — Real-time FPS, camera status, & logs for debugging.

---

🎮 How to Use

1. Open index.html in any modern browser (Chrome, Edge, Firefox, Safari).
2. Enable Camera → Grant permission.
3. Adjust Settings → Tweak model, resolution, FPS & effects.
4. Take Screenshot → Click 📸 to save a snapshot.
5. Stop Camera → Release webcam resources.

⚡ No installation required — everything runs client-side.

---

🖥️ Requirements

• Modern browser with WebGL + webcam support.
• Decent GPU for best performance (especially with effects enabled).

---

📷 Demo Screenshot

---

🙌 Credits

• Powered by MediaPipe
• UI built with Bootstrap 5
• Designed & coded by Shaurya Sanyal

---

📌 Future Ideas (Optional)

• Multi-hand gestures → trigger special HUD animations.
• Export short video clips with overlays.
• Dark/Light theme toggle.

---

This project is inspired by cool-hand-art by developerrahulofficial ⭐ If you like this project, give it a star on GitHub!