3d粒子手势交互圣诞树 

源码购买地址：

直接联系作者购买qq：840473750
小红书平台自助购买地址： 点击购买 

视频演示地址：

😆 点击查看演示视频

使用教程：查看教程

提示词如下：

谷歌AI Gemini3pro直接可用创作平台：wendatu.cn

设定:

你是一位精通Three.js、WebGL和计算机视觉的创意前端开发专家。

##任务目标

编写一个包含HTML、CSS和JavaScript的单文件应用。该应用需要结合Three.js和

MediaPipe Hands来创建一个基于手势控制的3D粒子+照片云构成的圣诞树。

##要求

1、<整体氛围:>

-主色系为哑光绿+金属金+圣诞红色;

-有电影感的辉光与光晕效果，整体金碧辉煌且满满高级感

-圣诞树由 若干球、正方体、糖果棍和照片云等元素构成，其中照片的内容通过上传获得

2、<交互逻辑和状态:>

1、圣诞树状态

-合拢态(初始状态):所有元素收拢、聚合为一个圣诞树圆锥体。

. -散开态:所有元素在空间中无序漂浮、散落-照片放大态:在背景保持散开态的同时，放大单张照片

3、<手势动作:>

-握拳表示回到合拢态

-打开五指表示进入到散开态

-手旋转表示在散开态的状态下，对画面进行旋转，根据手的移动调整相机角度

-抓的动作表示抓住一张照片，进入照片放大态

4、<交互要求:>

需要根据手势，在几个状态之间平滑切换，带有过渡动画。

##可能用到的技术栈

Three.js、WebGL、instanced Mesh、

Shaders / GLSL、MediaPipe Hands