AIC Particle Christmas Tree 🎄

这是一个使用 Three.js 和 MediaPipe 制作的互动式 3D 圣诞树。 圣诞树由成千上万个 "A", "I", "C" 字母粒子组成，并可以通过手势进行交互。

🎮 玩法

1. 允许摄像头权限：需要使用摄像头捕捉手势。
2. 手势交互：
   • 🖐️ 张开手掌 (Open Hand)：粒子爆炸散开。
   • ✊ 握紧拳头 (Fist)：粒子聚合成圣诞树。
   • 👌 OK手势 (OK Sign)：粒子变形成球体（Sphere Mode）。
   • ✌️ 胜利手势 (Victory)：粒子组成单词 "FUYO"。
   • 👋 挥手 (Wave)：控制树的旋转方向和速度。

🚀 如何发布分享 (Deployment)

由于项目涉及到摄像头权限，必须使用 HTTPS 协议才能在手机或别人的电脑上正常运行。 以下是两种最简单的免费发布方法：

方法一：Vercel (最简单，推荐)

1. 访问 Vercel.com 并注册/登录。
2. 在控制台点击 "Add New..." -> "Project"。
3. 如果你有 GitHub，可以直接导入仓库。
4. 如果没有 GitHub，可以使用 Vercel CLI 或者直接把这个文件夹拖进去（如果支持）。
   • 更推荐的方式：把代码上传到 GitHub，然后在 Vercel 中导入该仓库。Vercel 会自动识别并部署，提供免费的 HTTPS 链接。

方法二：GitHub Pages

1. 在 GitHub 上创建一个新仓库（例如 aic-christmas-tree）。
2. 把这三个文件 (index.html, style.css, script.js) 上传上去。
3. 进入仓库 Settings -> Pages。
4. 在 Branch 处选择 main (或 master)，点击 Save。
5. 等待几分钟，GitHub 会生成一个链接 (例如 https://yourname.github.io/aic-christmas-tree/)。

🛠️ 本地运行

如果你想在本地继续开发：

# 需要安装 Python
python -m http.server 8080

# 或者使用 Node.js http-server
npx http-server .

打开浏览器访问 http://localhost:8080