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 模型加载完成后即可开始交互。

适配性：支持 PC 端现代浏览器及安卓/iOS（需在原生浏览器中打开，勿在微信内直接运行）。