🎄 3D 3D粒子圣诞树 | 手势交互 |支持在线生成 |适配多平台

我上线了一个轻量却好玩的互动网站 —— 🎄 3D 互动圣诞树图片分享平台：xmas.nbvil.com。
这是一个基于 Three.js、MediaPipe 手势识别 打造的创意互动实验，你可以上传图片并生成一个24 小时有效的圣诞分享空间。

🎬 视频教程

✨ 项目简介

xmas.nbvil.com 是一个在线 3D 圣诞树场景，你可以把自己的照片、表情包、截图“挂”到圣诞树上，然后生成一个独一无二的圣诞分享链接，让朋友点开就能看到你亲手装饰的节日树。

它非常适合：

  • 🎅 圣诞贺卡的创意替代品
  • 🎁 分享节日祝福
  • 📸 发送有趣的图片组合
  • ✨ 小型多人活动的互动素材

并且整个过程都在浏览器中完成，无需登录、无需安装 App。

🎨 项目亮点与功能

🎄 1. Three.js 打造的精美 3D 圣诞树

  • 真实灯光、拟真材质、柔和阴影
  • 渲染轻量，移动端也能流畅运行
  • 可以自由旋转、缩放、查看圣诞树

让分享不再只是“发一张图片”，而是一个立体的小小节日空间。

📸 2. 多图上传功能

你可以自由上传多张照片，它们会自动挂载到圣诞树周围的位置。
上传后的图片：

  • 动态贴在树上的装饰物上
  • 自动缩放、自动布局
  • 安全存储且不会泄露

🔗 3. 自动生成唯一分享链接

每次上传后，系统会生成一个形如：

1
https://xmas.nbvil.com/share/abcdefg12345

的独特页面，任何收到该链接的人都能访问你的圣诞树作品。

无需账号、无需登录，即开即看。

⏰ 4. 24 小时时效机制（自动清理）

为了隐私与空间管理，所有上传的内容都：

  • 仅保留 24 小时
  • 超时后自动删除
  • 链接失效，内容不可访问

完全匿名的使用体验，不会产生长久数据记录。

🎭 5. MediaPipe 手势识别（沉浸式体验）

你可以用手势来控制视角，例如：

  • ✋ 张开手旋转圣诞树
  • 👉 指向某个方向移动视角
  • 🤚 推手缩放距离

让浏览圣诞树变得更像“隔空操作”。

🎁 适用场景

  • 朋友之间互相发送趣味圣诞树
  • 公司内部的小活动、小互动
  • 公众号/社区活动中的互动素材
  • 个人节日贺卡替代品
  • 情侣间可爱的共享小页面

它不仅是一个圣诞树，也是一个“带有效期的小小共享空间”。

🧭 未来计划

  • ✨ 添加更多节日主题（跨年、情人节、生日）
  • 🎶 加入背景音乐
  • 🎀 圣诞树装饰物可自定义
  • 🌟 多人协作模式（实时装饰）

如果你喜欢这个项目，也欢迎给我反馈，我会继续迭代。

🎄 结语

如果你想体验或分享圣诞祝福，欢迎访问：

👉 https://xmas.nbvil.com/

给自己的节日留下一个 3D 的小小记忆 🎁✨