Gesture Galaxy ------ 项目需求文档
1. 项目背景与目标
1.1 项目背景
随着 WebGPU/WebGL 与 AI
视觉识别技术的发展，基于摄像头的自然交互逐渐成为新一代人机交互方式。本项目希望融合三维粒子艺术、实时手势识别与图片展示，构建一个无需接触即可完成交互的沉浸式
Web 应用。
1.2 项目目标
打造一款基于浏览器运行的 AI
手势交互系统，通过摄像头识别用户手势，实现三维星空粒子控制与随机图片展示，营造兼具科技感、艺术感与互动性的数字空间。
2. 核心功能清单
2.1 手势识别
- MediaPipe Hands 实时识别 21 个关键点
- 状态机识别多种静态/动态手势
- 防抖、冷却、防误触机制
2.2 星空粒子系统
- GPU 粒子银河
- Bloom、星云、流星效果
- 手势控制旋转方向、速度、聚散姿态
2.3 图片展示
- 内置图片资源库
- 手势触发中心渐显
- 手势结束渐隐
- Shuffle 随机队列避免重复
2.4 动画系统
- GSAP 控制渐显渐隐
- Shader 驱动粒子运动
- 相机缓动及场景联动
3. 目标用户
3.1 核心用户群
- 数字艺术体验用户
- 创意编程学习者
- AI 与 Web3D 开发者
- 展厅互动展示场景
3.2 用户共性
- 希望获得自然交互体验
- 对三维视觉效果有较高要求
- 无需佩戴任何设备即可操作
4. 使用场景
场景 用户动作 系统反馈
展厅互动 张开手掌 图片渐显
艺术展示 左右挥手 星空旋转
摄影展示 连续交互 随机切换照片
创意体验 多种手势 粒子实时响应
5. 项目价值
5.1 技术价值
验证 WebAI、Three.js 与实时视觉识别融合方案，为数字展厅、交互艺术和
WebXR 提供技术参考。
5.2 应用价值
可扩展为数字相册、互动装置、品牌展示、展馆导览等多种应用。
6.创意网站
index.html (39.5 KB)