Skip to content

Abhinav-RM/gestures

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 

Repository files navigation

✨ Gesture Builder

Build glowing shapes in mid-air using hand gestures. This project uses MediaPipe Hands for real-time tracking and renders a pure-black canvas filled with cyan, neon-style shapes.

🧩 Features

  • Hand tracking with MediaPipe (optimized for low-resolution cameras).
  • Glowing cyan shape selector (circle, square, triangle, rectangle).
  • Gesture controls for selecting, placing, moving, and erasing shapes.
  • Front camera permission request on start.

🖐️ Gestures

  • Point (index finger) — Move cursor.
  • Pinch (thumb + index) — Select a palette shape / place a new shape.
  • Open hand — Grab and move the nearest shape.
  • Fist — Erase the nearest shape.

🚀 Getting Started

  1. Open index.html in a modern browser.
  2. Grant camera permission when prompted.
  3. Use your hands to build and move glowing shapes.

Designed and built for playful, low-latency hand-tracked creation.

About

✨ AR Elemental Mage: A cutting-edge augmented reality experience using MediaPipe hand tracking and Three.js. Powered by Gemini.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages