3D 粒子手势交互系统产品系统

人机交互（HCI）：创新的手势识别交互方式，替代传统鼠标/键盘
数据可视化：将抽象数据转化为可视化的粒子系统
创意展示：艺术装置、展览、品牌展示等沉浸式体验
教育培训：计算机视觉、3D 图形学、Web 技术的综合应用案例
游戏与娱乐：实时手势控制的交互游戏或应用
医疗康复：手部动作识别用于康复训练反馈

手势识别 基于 MediaPipe Hands 实时识别左右手，支持双手同时检测
手势数字识别 识别 1/2/3 手势，自动切换对应的粒子形状
粒子系统 20,000 个粒子构成的 3D 形状，支持平滑变形
交互控制 手部水平移动控制旋转，张合手掌控制缩放/扩散
多种形状 球体、爱心、土星、花朵、甜甜圈、数字 1/2/3
实时渲染 基于 Three.js 的 WebGL 高性能 3D 渲染
AI 描述生成 集成 Gemini API，AI 生成当前形状的创意描述
摄像头预览 实时显示手部关键点检测结果，支持拖拽

| **Three.js** | 3D 图形渲染引擎 | r128 |
| **MediaPipe Hands** | 手部关键点检测 | Latest (CDN) |
| **WebGL** | GPU 加速渲染 | 原生支持 |
| **Tailwind CSS** | UI 样式框架 | Latest (CDN) |
| **Google Gemini API** | AI 文本生成 | gemini-2.5-flash |
| **HTML5 Canvas** | 摄像头预览绘制 | 原生 API |