手势交互3D粒子、圣诞树教程提示词及源码

所有提示词在Gemini的Canvas模式下进行,可自己进行微调。

圣诞树提示词

用Three.js创建一个实时交互的3D粒子系统。要求:
1.通过摄像头检测双手张合控制粒子群的缩放与扩散
2.粒子用圆球,礼物🎁,圣诞袜,铃铛🔔,领带👔,三角形,正方体,树🌳,圣诞老人🎅,等构成,粒子不要过大,也不要过小
3.当手握拳时用粒子聚合成一个圣诞树;当手张开时散开用粒子组成的圣诞树,并进行旋转,旋转速度适中;当拇指和食指捏合时抓取圣诞树上的图片,抓取的图片要有一定的过度动效,并且每张照片的过渡动效都不一样,捏合时粒子处于散开的状态保持不变,照片的添加,添加一个UI让我用一个文档插入
4.粒子需实时响应手势变化
5.界面简洁现代,包含全屏控制按钮
6.确保交互具有极致的丝滑感
7.给这个圣诞树顶加一个灯泡,让每一个粒子添加反光效果,让照片出现在这些粒子当中 ,保持和粒子一样的大小,当放大时采用丝滑的出场效果,将其放大,并给照片,添加光晕效果

源码:

手势粒子效果

用 Three.js + MediaPipe Hands 编写一个单文件 HTML 的 WebAR 粒子互动系统。要求必须使用 unpkg 源以确保加载成功,渲染 16,000 个青色流体粒子,采用速度+加速度的物理模型(拒绝生硬插值)。核心功能包括:五态手势变形(张手变球、剪刀手变 Canvas 生成的“我是 Mok”文字、握拳变圆环、食指变星、竖大拇指变爱心),切换时需有爆炸过渡特效;挥手风暴交互(检测手速,快速挥动时物理吹散粒子);以及深度推拉反馈(根据手掌画面占比实时缩放粒子系统),确保交互具有极致的丝滑感和物理反馈。

源码

© 版权声明
THE END
喜欢就支持一下吧
点赞12赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容