Hand Tracking AR Experience

Description

Hand Tracking AR Experience is a browser-based augmented reality application built using MediaPipe Hands and JavaScript. It tracks hand movements in real time through a webcam, recognizes gestures such as pinch and open hand, and creates interactive visual effects directly in the browser.

Features

• Real-time hand tracking
• Supports up to two hands
• Gesture recognition
• Pinch detection
• Interactive shockwave effects
• Dynamic hand-to-hand connections
• FPS monitoring
• Browser-based AR experience

Technologies Used

• HTML5
• CSS3
• JavaScript
• MediaPipe Hands
• Canvas API
• WebRTC

Installation

Clone the repository:

git clone https://github.com/nandinisingh156/hand-tracking-ar-experience.git

Run a local server:

python -m http.server 8000

Open:

http://localhost:8000

Usage

1. Allow camera permissions.
2. Click "Enter Experience".
3. Show your hand to the webcam.
4. Perform gestures such as pinch and open hand.
5. Watch the AR effects respond in real time.

Project Structure

hand-tracking-ar-experience/
│
├── index.html
└── README.md

Applications

• Augmented Reality
• Computer Vision
• Human-Computer Interaction
• Gesture-Based Interfaces

Future Enhancements

• Custom gesture recognition
• Mobile optimization
• 3D object interaction
• AI-powered gesture classification

Author

Nandni Singh

License

MIT License