How contactmridulhere-commits/gestureholo.online works
Gesture Holo is a browser-based, webcam-driven 3D object workspace. The app coordinates hand gestures and pinch interactions to select, move, scale, and inspect scene objects; users can also spawn catalog objects and draw/extrude custom models. The graph follows only relationships visible in excerpts, imports listed by the SOURCE INDEX, or documented behavior; unsampled subsystems and their wiring are not inferred.
Main entry points: app.js App Coordinator · objects.js Scene Objects · hands.js Hand Tracking · core.js Scene and Renderer
Components 14
Gesture Interaction
- Hand Tracking
js/hands.js - Interaction Tuning
js/config.js - App Coordinator
js/app.js
3D Workspace
- Scene and Renderer
js/core.js - Scene Objects
js/objects.js - Object Catalog
js/app.js
Model Authoring
- Gesture Modeler
js/modeler.js
Interface
- Gesture Cursor
js/cursor.js - Object List
js/app.js - Object Inspector
js/inspector.js
Other components
- User
- Webcam
- Three.js
- MediaPipe Tasks Vision
Connections 21
- User → Webcam: presents hands
- Webcam → Hand Tracking: video input
- Hand Tracking → MediaPipe Tasks Vision: loads inference
js/hands.js - Hand Tracking → Interaction Tuning: reads thresholds
js/hands.js - App Coordinator → Hand Tracking: reads tracking
js/app.js - App Coordinator → Interaction Tuning: reads settings
js/app.js - App Coordinator → Scene and Renderer: initializes and renders
js/app.js - App Coordinator → Gesture Cursor: updates and draws
js/app.js - Gesture Cursor → Hand Tracking: reads hand state
js/cursor.js - Gesture Cursor → Scene Objects: reads hold state
js/cursor.js - App Coordinator → Scene Objects: manages interactions
js/app.js - App Coordinator → Object Catalog: builds and spawns
js/app.js - Object Catalog → Scene Objects: adds selected object
js/app.js - Scene Objects → Scene and Renderer: adds scene groups
js/objects.js - App Coordinator → Object List: rebuilds list
js/app.js - App Coordinator → Object Inspector: initializes and updates
js/app.js - Object Inspector → Scene Objects: reads object state
js/inspector.js - App Coordinator → Gesture Modeler: routes draw controls
js/app.js - Gesture Modeler → Scene and Renderer: projects with camera
js/modeler.js - Gesture Modeler → Scene Objects: adds finished model
js/modeler.js - Scene and Renderer → Three.js: renders scene