使用手势和语音命令实时控制 3D 模型。
使用 threejs、mediapipe 计算机视觉、Web 语音 API 和 rosebud AI 构建的交互式 Web 应用程序。
- 说“拖动”、“旋转”、“缩放”或“动画”来更改交互模式
- 捏合手指来控制 3D 模型
- 将新的 3D 模型拖放到页面上以导入它（目前仅限 GLTF 格式）
要求
- 支持 WebGL 的现代 Web 浏览器
- 摄像头/麦克风访问
Technologies
- 用于 3D 渲染的 Three.js
- MediaPipe用于手部追踪和手势识别
- 用于语音识别的Web Speech API
- HTML5 Canvas用于视觉反馈
- JavaScript用于实时交互
开发设置
# 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 method (example using Python)
python -m http.server
然后在浏览器中导航至
http://localhost:8000。
评论