用Three.js创建一个实时交互的3D粒子系统。要求: 1、通过摄像头检测双手张合控制粒子群的收缩与扩散; 2、左手当手势为1时,粒子组合文字(Hello),当手势为握拳时粒子合并为拳头形状并切全部粒子变为红色,当手势为手掌时粒子全部散开,并且变为七彩,右手为触摸特效,在屏幕中划过粒子,粒子会像水波一样呈现效果; 3、粒子需实时响应手势变化; 4、访问页面展示一个视频框,调用mac的摄像头,画面放在浏览器中,粒子像一层蒙版一样展示在视频上。
ai_studio_code_v1.html
下列是我的新需求: 1、任何情况下粒子一开始不要出现在屏幕中,只有出现检测手势才会出现 2、粒子数量更多,大小稍微小一些,并且不要方形,而且在分散状态时是无序的 3、手势进行修改,左手手势为食指1的时候是Hello,手势为食指中指2的时候是汉字你好,字体稍微细一些,更富有科技感
现在我需要: 1、显示文字的粒子聚集一些,能够清晰显示,而且显示字体和消失字体需要有一个科幻的动画 2、不需要握拳的手势粒子展示,粒子散开是像雪花一样,稍微大一些,当人能够看清 3、左手现在只有两个手势,一个是Hello,一个是你好 4、右手控制粒子的聚合和散开,而且不是直接散开,是跟随右手握拳和手掌展开的动作进行粒子的变化,而不是在识别手掌展开到已经幅度时直接跳到粒子散开的状态,要有一个跟随渐进的展开和聚合,能够根据右手的幅度进行变化,当我需要粒子像天女散花一样爆炸展开时,是右手快速张开时才会有一个粒子裸眼3D的爆炸展开效果,爆炸展开后哦粒子不会消失,而是像宇宙星辰一样漂浮和无序的移动
1、添加右手划过粒子时出现的粒子会像水波一样呈现效果 2、左手的手势出现的Hello和你好不是瞬间出现的,需要有一个入场和退场动画 3、粒子仍然不够清晰,粒子大小放大一些
散开的效果只保留在右手即可,我在使用左手进行Hello、你好、无序的测试中有时候也会散开,更新完整代码,并不是“只有当左手处于 "无序" (Random) 状态时,右手才能控制粒子的散开和爆炸效果。”而是只有右手能控制散开,左右只能展示文字和无序
粒子散开的效果会产生误判,有时候我左手进行手势时候,粒子也会不小心散开,而且当粒子是散开的状态时,我左手的手势无法生效
ai_studio_code_v2.html
我想修改一下散开的特效,散开的程度是和我的右手完全符合,大小过渡是平滑的,而不是突然爆炸散开,完美贴合右手的张开和握拳,无延迟,不要任何粒子形态上的修改,只需要右手张开和握拳所引起的粒子散开和聚合为上一个形态的状态
ai_studio_code_v3.html