TOUCHLESS SPATIAL INTERACTION

AI Hand Vision Setup & Gesture Guide

Control your screen touchlessly with simple hand gestures in front of your webcam. No extra hardware, sensors, or wearables required.

🔒 100% Client-Side Privacy: Camera frames are processed locally on your device via MediaPipe. Zero video leaves your browser.

4 Core Spatial Gestures

Simple, intuitive movements engineered for 60 FPS precision.

GESTURE 01

🎯 Aim & Glide Cursor

Raise your hand 1.5 to 3 feet from your webcam. Your index fingertip directly pilots the glowing holographic cursor across links, buttons, and tools.

Technique: Point index finger forward, keep other fingers relaxed. 1-Euro filtering guarantees zero jitter.
GESTURE 02

🤏 Pinch to Click

Bring your thumb and index finger together in a swift tap to click buttons, select inputs, or activate links. Hold the pinch to drag elements.

Visual Feedback: Cursor core glows gold and ring contracts into a solid target ring on pinch.
GESTURE 03

📜 Open Palm Scroll

Show an open flat palm to the camera. Move or tilt your hand slightly upward or downward to glide smoothly through long articles and feeds.

Speed: Gentle hand tilts provide proportional smooth scrolling with inertia decay.
GESTURE 04

⌨️ Air Virtual Keyboard

Click the Keyboard button in the bottom-left corner to bring up the floating Virtual Keyboard. Air-dwell or pinch keys to type hands-free.

Magnetic Snapping: Cursor automatically snaps onto nearby keys for effortless typing accuracy.
TEST YOUR SKILLS

Interactive Gesture Sandbox

Turn on AI Hand Vision above, then practice aiming, pinching targets, and typing into the box below:

Camera & Performance Best Practices

Ensure peak 60 FPS accuracy with optimal positioning.

💡 Lighting & Contrast

Make sure your face and hands have balanced frontal lighting. Avoid harsh background sunlight or dark shadows which may reduce detection confidence.

📏 Distance & Positioning

Stay roughly 1.5 to 3 feet (45–90 cm) away from your webcam. Keep your hand comfortably elevated in the camera's field of view.

🔒 Camera Permission Blocked?

If the camera does not connect, click the padlock/camera icon in your browser address bar and select "Allow" for Camera access, then refresh.

⚡ High Performance / Low CPU Mode

AI Hand uses a lightweight on-device neural model designed to run smoothly on laptops, tablets, and low-spec PCs without overheating.