{"repo":"collidingScopes/threejs-handtracking-101","free":true,"listed":false,"github":"https://github.com/collidingScopes/threejs-handtracking-101","clone":"git clone https://github.com/collidingScopes/threejs-handtracking-101.git","description":"A threejs / WebGL / MediaPipe-powered interactive demo that allows you to control a 3D sphere using hand gestures.","language":"HTML","stars":178,"topics":["3d","computer-vision","gestures","hand","hand-tracking","mediapipe","threejs","webgl","free","open-source"],"license":null,"category":"machine-learning","readme_excerpt":"3D Hand Tracking Demo A threejs / WebGL / MediaPipe-powered interactive demo that allows you to control a 3D sphere using hand gestures. Demo Try the live demo: https://collidingscopes.github.io/threejs-handtracking-101/ Features - Real-time hand tracking using MediaPipe Hands - Left hand gesture control: Pinch thumb and index finger to resize the 3D sphere - Right hand interaction: Touch the sphere with your index finger to change its color - Responsive design that works on desktop and mobile browsers - Visual feedback with color-coded hand tracking Requirements - Modern web browser with WebGL support - Camera access - No additional software or downloads needed Technologies - Three.js for 3D rendering - MediaPipe for hand tracking and gesture recognition - HTML5 Canvas for visual feedback - JavaScript for real-time interaction Setup for Development Then navigate to http://localhost:8000 in your browser. License MIT License Credits - Three.js - https://threejs.org/ - MediaPipe - https://mediapipe.dev/ Related Projects Check out other free and open-source projects by the same developer: - Particular Drift - Turn photos into flowing particle animations - Liquid Logo - Transform logos and icons into liquid metal animations - Video-to-ASCII - Convert videos into ASCII pixel art - Shape Shimmer - Turn photos into funky wave animations - Colliding Scopes - Turn photos into kaleidoscope animations - Manual Brick Breaker - Play brick breaker by waving your hands around Contact - Inst","default_branch":null,"files":null,"tree":[],"storefront":"/r/collidingScopes","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/collidingScopes/threejs-handtracking-101/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}