不用 Gemini 3!豆包也能做 3D 粒子手势交互! 附提示词: 【用Three.js创建一个实时交互的3D粒子系统。要求: 1.通过摄像头检测识别双手张合,控制粒子群的缩放与扩散 2.提供UI面板可选择爱心/花朵/土星/烟花等模型 3.支持颜色选择器调整粒子颜色 4.可调整粒子密度 5.粒子需实时响应手势变化 6.界面简洁现代,包含全屏控制按钮。】 功能说明与实现亮点 1、手势控制机制:使用 MediaPipe Hands 库实现双手检测,通过计算双手中心点距离控制粒子系统缩放,支持 0.5-3.0 倍的缩放范围,响应延迟低于 100ms。 2、多模型支持:内置爱心、花朵、土星、佛像、烟花五种模型,每种模型采用数学公式生成独特的粒子分布,切换时粒子位置平滑过渡。 3、颜色自定义:集成 HTML5 颜色选择器,支持实时调整粒子颜色,颜色更新即时生效。 4、现代 UI 设计:采用半透明毛玻璃效果面板,搭配简洁图标和渐变背景,提供良好的视觉体验。 5、辅助功能: 摄像头实时预览(右下角小窗口) 轨道控制器支持鼠标拖拽旋转 / 缩放 状态提示栏显示当前操作反馈 响应式设计适配不同屏幕尺寸 6、性能优化: 粒子数量控制在 5000 个,平衡视觉效果与性能 使用 BufferGeometry 提高渲染效率 采用 AdditiveBlending 实现粒子叠加效果 缩放过渡使用 lerp 平滑动画。 #粒子特效 #数字艺术 #AI生成 #手势交互 #aigc @抖音小助手 @DOU+小助手
00:00 / 00:33
连播
清屏
智能
倍速
点赞22
00:00 / 00:29
连播
清屏
智能
倍速
点赞8
00:00 / 00:40
连播
清屏
智能
倍速
点赞6
00:00 / 00:20
连播
清屏
智能
倍速
点赞27
00:00 / 00:23
连播
清屏
智能
倍速
点赞21
00:00 / 00:27
连播
清屏
智能
倍速
点赞40
00:00 / 00:06
连播
清屏
智能
倍速
点赞142
00:00 / 00:33
连播
清屏
智能
倍速
点赞12
00:00 / 00:25
连播
清屏
智能
倍速
点赞21
00:00 / 02:19
连播
清屏
智能
倍速
点赞5
00:00 / 00:27
连播
清屏
智能
倍速
点赞8
00:00 / 03:58
连播
清屏
智能
倍速
点赞1194
00:00 / 00:08
连播
清屏
智能
倍速
点赞11
00:00 / 00:12
连播
清屏
智能
倍速
点赞26
00:00 / 00:12
连播
清屏
智能
倍速
点赞88
00:00 / 14:52
连播
清屏
智能
倍速
点赞112