Show HN: Controlling 3D models with voice and hand gestures
Published on: 2025-06-13 04:45:52
3D Model Playground
Control 3D models using hand gestures and voice commands in real-time.
An interactive web app built with threejs, mediapipe computer vision, web speech API, and rosebud AI.
Say "drag", "rotate", "scale", or "animate" to change the interaction mode
Pinch fingers to control the 3D model
Drag/drop a new 3D model onto the page to import it (GLTF format only for now)
Video | Live Demo
Requirements
Modern web browser with WebGL support
Camera / microphone access
Technologies
Three.js for 3D rendering
for 3D rendering MediaPipe for hand tracking and gesture recognition
for hand tracking and gesture recognition Web Speech API for speech recognition
for speech recognition HTML5 Canvas for visual feedback
for visual feedback JavaScript for real-time interaction
Setup for Development
# Clone this repository git clone https://github.com/collidingScopes/3d-model-playground # Navigate to the project directory cd 3d-model-playground # Serve with your preferred met
... Read full article.