This project implements a touchless, spatial web interface controlled entirely by hand gestures.

By leveraging Computer Vision (MediaPipe) and WebGL (Three.js), we eliminate the need for physical contact or expensive VR hardware, making immersive navigation accessible through a standard webcam.

• Hygiene Concerns: Public touchscreens (kiosks, ATMs) are vectors for pathogens.
• Hardware Cost: Existing spatial interfaces (VR/AR) require expensive headsets ($500+).
• Accessibility: Traditional mouse/keyboard inputs can be limiting for users with certain motor impairments.

"Zero-Install, Browser-Based Spatial UI"

• Hardware Agnostic: Works on any laptop with a webcam.
• Natural UI (NUI): Intuitive gestures (Pinch, Drag, Zoom) mimic physical object manipulation.
• Hybrid Rendering: Combines interactive HTML (DOM) with high-performance 3D graphics.

• CSS3DRenderer: Applies CSS3 transforms (`matrix3d`) to DOM elements, keeping them interactive (selectable, clickable).
• WebGL Overlay: Renders the cursor and particle effects on top of the DOM layer.
• Synchronization: Both scenes share the same Camera and Controller logic for perfect alignment.

This presentation IS the demo.

• Multi-Modal Input: Integrating Voice Commands ("Go to slide 5").
• Full Body Tracking: Using pose estimation for distance-based interactions.
• WebXR Support: Seamless transition to AR headsets if detected.
• Haptic Feedback: Using ultrasonic arrays or connected wearables.

The GestureOS prototype demonstrates that the web is ready for spatial computing.

By removing hardware barriers, we democratize access to immersive interfaces, paving the way for a more hygienic and interactive digital future.