🎄 Gemini3 3D 互动圣诞树

说明：本项目基于 Gemini 3 和一位 AI 产品经理生成的作品。

使用 Three.js 与 MediaPipe 构建的互动 3D 圣诞树，支持手势控制与照片回忆展示。

✨ 功能特性

• 3D 粒子圣诞树：由粒子、球体和糖果手杖组成的精美圣诞树。
• 手势控制：
  • ✊ 握拳 (Fist)：合拢圣诞树。
  • 🖐️ 张开手掌 (Open Palm)：将粒子散开成星空。
  • 👌 捏合 (Pinch)：选中并放大一张“照片”回忆。
  • 👋 旋转手掌 (Hand Rotate)：散开模式下旋转视角。
• 照片回忆：上传本地图片并在 3D 空间中展示。
• 响应式设计：兼容桌面与移动设备。
• 调试模式：左上角显示摄像头预览与手部关键点。

🚀 快速开始

本地预览

本项目使用摄像头与 ES 模块，需要本地服务器运行。

1. 克隆或下载本仓库。
2. 启动本地服务器（以 Python 为例）：

   # Python 3
   python -m http.server 8000

3. 浏览器打开 http://localhost:8000。

手机预览

1. 确保手机与电脑处于同一 Wi-Fi。
2. 获取电脑 IP 地址。
3. 手机访问 http://<电脑IP>:8000。
4. 允许浏览器使用摄像头权限。

🛠️ 部署（GitHub Pages）

1. 将项目上传到 GitHub 仓库。
2. 进入 Settings > Pages。
3. 在 Build and deployment 中选择 main 分支与 / (root)。
4. 保存后获取部署链接（HTTPS 更适合手机端）。

📝 致谢与修改

• 原创创意与代码：Gemini 3 & AI 产品经理。
• 本次修改内容：
  • 默认标题改为金色 “Merry Christmas”。
  • 增加摄像头实时调试窗口。
  • 新增 index.html 以支持静态部署。

📄 许可证

Apache License 2.0 - 详情请见 LICENSE。