Three.js + MediaPipe 手势识别特效源码：实现 AI 摄像头控制 3D 粒子凝聚与散开
🌟源码简介： 本源码是一套基于 Three.js 与 Google MediaPipe 开发的高级 AI 视觉交互系统。它不依赖于鼠标或键盘，而是通过电脑或手机的前置摄像头实时追踪手部骨骼关节点。 🚀 核心功能： AI 手势精准识别：利用 MediaPipe Hands 模型，实时判断用户的“握拳”与“张手”状态。 形态无缝变换（Morphing）： 握拳 (Fist)：万千粒子迅速向中心靠拢，形成一个完美的 3D 均匀球体。 张手 (Open Hand)：粒子瞬间失去引力，随机散开，充满整个 3D 空间。 动态位移追踪：粒子云会根据手部在画面中的水平位置（X轴）实时旋转偏移，实现随手而动的交互感。 高性能渲染：采用 BufferGeometry 处理 12,000+ 高数量级粒子，确保在移动端也能流畅运行。 📖 使用与部署说明： 环境要求：必须在 HTTPS 环境下运行，否则浏览器将出于安全隐私原因拒绝调用摄像头。 本地调试：建议使用 VS Code Live Server 或建立虚拟主机进行测试。 👉交互提示： 初始化时请给予浏览器“摄像头访问”权限。 将手掌置于镜头中央，待 AI...
2026-05-05
免费