{"id":50133677,"url":"https://github.com/quiet-node/gesture-lab","last_synced_at":"2026-06-11T09:01:45.852Z","repository":{"id":328591700,"uuid":"1111588069","full_name":"quiet-node/gesture-lab","owner":"quiet-node","description":"A fun \u0026 cinematic 3D interaction laboratory. Features a high-fidelity Iron Man armor workshop, interactive galaxy simulations, and gamified gesture experiments. Powered by MediaPipe, Three.js, and TypeScript for on-device, latency-free tracking.","archived":false,"fork":false,"pushed_at":"2026-03-10T21:44:02.000Z","size":84372,"stargazers_count":157,"open_issues_count":2,"forks_count":33,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-03-10T22:58:24.191Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://gesturelab.icu","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/quiet-node.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-12-07T08:45:25.000Z","updated_at":"2026-03-10T21:44:06.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/quiet-node/gesture-lab","commit_stats":null,"previous_names":["quiet-node/gesture-lab"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/quiet-node/gesture-lab","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quiet-node%2Fgesture-lab","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quiet-node%2Fgesture-lab/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quiet-node%2Fgesture-lab/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quiet-node%2Fgesture-lab/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/quiet-node","download_url":"https://codeload.github.com/quiet-node/gesture-lab/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quiet-node%2Fgesture-lab/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34190585,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-11T02:00:06.485Z","response_time":57,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-05-23T21:00:29.591Z","updated_at":"2026-06-11T09:01:45.845Z","avatar_url":"https://github.com/quiet-node.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# Gesture Lab\n\nA laboratory for fun experiments with movement tracking and interactive visuals.\n\nLive Demo: https://gesturelab.icu\n\n![License](https://img.shields.io/badge/license-MIT-blue.svg)\n![TypeScript](https://img.shields.io/badge/TypeScript-5.0-blue)\n![Three.js](https://img.shields.io/badge/Three.js-0.160-purple)\n\n\u003e [!NOTE]\n\u003e **Disclaimer:** This is a fully vibe-coded project by Opus 4.5, Sonnet 4.5, and Gemini 3, and may not follow strict best practices. Use at your own discretion.\n\n## 🛠️ Tech Stack\n\n- [TypeScript](https://www.typescriptlang.org/) - Type-safe development\n- [Three.js](https://threejs.org/) - 3D rendering engine\n- [MediaPipe Tasks Vision](https://ai.google.dev/edge/mediapipe/solutions/vision/hand_landmarker) - Real-time hand tracking\n- [inferencejs](https://github.com/roboflow/inferencejs) - Real-time client-side object detection\n- [Vite](https://vitejs.dev/) - Next Generation Frontend Tooling\n\n## 🧪 Experiments\n\n### 1. Iron Man Workshop\n\nInspect and assemble the Iron Man Mk. III armor in a premium, holographic environment.\n\n- **Gestures**: Open palm for exploded view, closed fist to assemble. Pinch to manipulate parts.\n- [Design Document](docs/DESIGN-IRON-MAN-WORKSHOP.md)\n\nhttps://github.com/user-attachments/assets/4b61baac-f71e-478a-bd0a-2509a7c9e2be\n\n### 2. Cosmic Slash\n\nSlice through cosmic objects with lightsaber hands in this high-energy arcade mode.\n\n- **Gestures**: Slash with hands to destroy objects, build combos, and defeat bosses.\n- [Design Document](docs/DESIGN-COSMIC-SLASH.md)\n\nhttps://github.com/user-attachments/assets/6410fd2d-ea70-4f16-8bf9-df84b9cc1e59\n\n### 3. Interactive Galaxy\n\nManipulate a universe of particles with your hands.\n\n- **Gestures**: Move hands apart/together to resize, pinch for star bursts, close hands for Big Bang.\n- [Design Document](docs/DESIGN-INTERACTIVE-GALAXY.md)\n\nhttps://github.com/user-attachments/assets/70340864-a81a-4012-8bae-8f440271bbf7\n\n### 4. Foggy Mirror\n\nClear the mist to reveal reality.\n\n- **Gestures**: Wave hands to wipe the fog off the mirror.\n- [Design Document](docs/DESIGN-FOGGY-MIRROR.md)\n\nhttps://github.com/user-attachments/assets/65dfe3ac-6dc1-4339-be15-adaa11671228\n\n### 5. Stellar Wave\n\nManipulate the fabric of space-time with an elegant, spring-based dot grid.\n\n- **Gestures**:\n  - **Cosmic Pulse**: Right hand pinch to trigger ripples.\n  - **Force Field**: Left hand pinch for repulsion.\n  - **Gravity Well**: Both hands middle pinch for attraction.\n  - **Nebula Vortex**: Both hands ring pinch for rotation.\n  - **Quasar Surge**: Fist to charge, release for massive burst.\n  - **Cosmic Strings**: Both hands pinky pinch to pluck the grid.\n- [Design Document](docs/DESIGN-STELLAR-WAVE.md)\n\n### 6. Light Bulb\n\nA physics-based simulation of an incandescent light bulb with realistic cord dynamics and thermal animation.\n\n- **Gestures**:\n  - **Rotate**: Pinch to grab and rotate the bulb View.\n  - **Toggle**: Pull the cord to switch on/off.\n  - **Break**: Aggressive pulls snap the cord (Material Fatigue).\n- [Design Document](docs/DESIGN-LIGHT-BULB.md)\n\nhttps://github.com/user-attachments/assets/3373c54a-1d47-4bad-a508-3b8aca96e399\n\n### 7. Magnetic Clutter\n\nA satisfyingly chaotic digital toy where magnetic balls form clusters and react to energetic repulsion.\n\n- **Gestures**:\n  - **Repulse**: Right hand fist to spawn a bright repulsor sphere and kick balls away.\n  - **Grab**: Left hand pinch to grab and manipulate individual balls.\n- [Design Document](docs/DESIGN-MAGNETIC-CLUTTER.md)\n\nhttps://github.com/user-attachments/assets/4e17cbdc-5474-4f81-8400-16b7f9376cb0\n\n### 8. Voxel Builder\n\nA spatial computing voxel editor where you sculpt 3D models with your hands in real-time.\n\n- **Gestures**:\n  - **Sculpt**: Right hand pinch to draw voxels.\n  - **Erase**: Left hand fist modifies draw mode to delete voxels.\n  - **Turntable**: Left hand pinch to rotate the sculpture.\n  - **Palette**: Pinky pinch to cycle color themes (Spectrum, Cyberpunk, etc.).\n- [Design Document](docs/DESIGN-VOXEL-BUILDER.md)\n\nhttps://github.com/user-attachments/assets/abf2ef4f-428b-492a-8b06-7970b4a1f5d7\n\n### 9. Visual Recognition\n\nA real-time object detection experiment that runs entirely inside your browser for maximum privacy and performance.\n\n- **Capabilities**: Recognizes 80 common objects (people, phones, laptops, etc.) using the COCO dataset.\n- **Tech**: YOLOv8n (Nano) architecture with WebGL GPU acceleration and background Web Worker isolation.\n- [Design Document](docs/DESIGN-VISUAL-RECOGNITION.md)\n\n\nhttps://github.com/user-attachments/assets/f0b4495b-e250-4b60-851b-c0cb44451326\n\n\n\n## 🚀 Quick Start\n\n```bash\n# Install dependencies\nbun install\n\n# Start development server\nbun dev\n\n# Start preview\nbun run build \u0026\u0026 bun preview\n\n# validate build\nbun validate-build\n```\n\n## 🎮 Controls\n\n- **I**: Switch to Iron Man Workshop Mode\n- **C**: Switch to Cosmic Slash Mode\n- **G**: Switch to Galaxy Mode\n- **F**: Switch to Foggy Mirror Mode\n- **S**: Switch to Stellar Wave Mode\n- **L**: Switch to Light Bulb Mode\n- **K**: Switch to Magnetic Clutter Mode\n- **V**: Switch to Voxel Builder Mode\n- **O**: Switch to Visual Recognition Mode\n- **H**: Toggle Hints\n- **D**: Toggle Debug Panel\n- **Esc**: Stop/Dispose\n\n---\n\n_Vibed by [@quiet_node](https://x.com/quiet_node)_\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquiet-node%2Fgesture-lab","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fquiet-node%2Fgesture-lab","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquiet-node%2Fgesture-lab/lists"}