00:00 / 00:23
连播
清屏
智能
倍速
点赞333
不用 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
连播
清屏
智能
倍速
点赞40
00:00 / 02:47
连播
清屏
智能
倍速
点赞21
00:00 / 00:47
连播
清屏
智能
倍速
点赞7
00:00 / 00:30
连播
清屏
智能
倍速
点赞5
豆包33次迭代,鼠标控制水母效果! 最近Gemini3很火,大家都在用它做3D粒子交互系统,有网友就疑问了,豆包也能做吗?这真的是豆包做的吗? 核心解答 1. 底层技术是相同的 无论是豆包、Google Gemini 还是其他 AI,只要是网页端的 3D 粒子系统,几乎都用 Three.js(或类似 WebGL 库)实现。库本身是开源的,功能和渲染能力完全一样,不存在“这个 AI 自带更高级的渲染引擎”的情况。 2. 差异来自实现细节,不是库本身 效果的好坏、运行的快慢,主要取决于: - 代码结构与性能优化(是否用 BufferGeometry 、 instancedMesh 等高性能方案) - 渲染效果配置(是否使用自定义着色器、后处理如辉光 Bloom) - 交互逻辑设计(粒子运动算法、物理模拟、响应速度) - 视觉参数选择(颜色搭配、粒子大小、透明度曲线等) 3. AI 生成差异的原因 不同 AI 在生成代码时,会根据自己对提示词的理解和训练经验,选择不同的实现方案: - 提示词理解深度:对“好看”“高性能”等描述的定义不同。 - 默认审美与技术偏好:有的倾向基础实现,有的倾向加更多特效。 - 优化意识:是否自动加入性能优化写法。 4. 豆包完全可以生成高质量效果 只要提示词足够具体(比如指定粒子数量、帧率要求、视觉风格、交互方式),豆包就能生成和其他 AI 同样甚至更优的 3D 粒子系统。 我之前的作品就是用豆包生成基础代码,再根据需求调整参数和视觉效果完成的。 总结 - 技术栈相同 → Three.js 是通用库,任何 AI 都能调用。 - 效果差异来源 → 实现细节、优化程度、审美参数,而不是 AI 或库本身。 - 豆包的能力 → 在明确的需求下,完全可以生成高性能、高颜值的交互系统。 #粒子特效 #豆包AI #水母 #视觉冲击 @抖音小助手 @DOU+小助手
00:00 / 00:15
连播
清屏
智能
倍速
点赞3
00:00 / 01:35
连播
清屏
智能
倍速
点赞3440
00:00 / 00:38
连播
清屏
智能
倍速
点赞1