00:00 / 00:57
连播
清屏
智能
倍速
点赞5
gemini3手势互动圣诞树手把手教程来了! 破防了!还在画二维圣诞树?Gemini3直接让大家用手势隔空操控3D世界! 这个圣诞树的源码朋友一发我我都惊呆了,立马玩了下来分享给大家~致敬原作者! 💥看看这效果,简直是前端魔法: ▪️ 隔空捏合 - 粒子瞬间聚焦到你上传的节日照片上 ▪️ 张开手掌 - 1500个金色粒子“砰”地炸开成星云 ▪️ 轻松握拳 - 粒子螺旋汇聚 ▪️ 手部追踪 - 整个3D场景跟着你的手旋转! 🎯 极简制作步骤(跟着做就行): ✅ 第一步:复制这段“魔法提示词” 把用户提供的完整提示词(从“角色设定:你是一位精通Three.js...”到“确保性能优化,处理窗口Resize事件。”)完整复制下来。这相当于给了AI一个超级详细的产品需求文档。 保留提示词里的精华给AI看: 提示词是阿星根据代码反推的,主要要保留的点如下: 角色:你是精通Three.js和MediaPipe的前端专家 视觉:极简奢华,用Cinzel和Times New Roman字体 核心:一定要用@mediapipe/tasks-vision做手势识别 功能:捏合→聚焦照片,张开→散开,握拳→聚合成树 ✅ 第二步:在Gemini3中执行 打开Gemini3(或其他支持长文本的AI) 粘贴完整的提示词 等待AI生成一个完整的HTML文件代码 ✅ 第三步:运行你的魔法圣诞树 将AI生成的代码保存为 christmas_tree.html 在浏览器中双击打开 允许网页使用你的摄像头 见证奇迹:你的手现在就是遥控器! ✅ 第四步:高级玩法(自定义) 在代码中搜索项目里的固定名称,替换成你自己的祝福语图片 点击“Add Memories”按钮,上传你的节日照片,它会自动变成金色相框混入粒子中 按‘H’键隐藏界面,获得纯净的沉浸式体验 快去试试吧~给对象做一个~ 没对象的给自己做一个~ 绝对是好感度拉满~ #gemini3 #prompt #AI交互 #圣诞树 #ai #工具推荐 #gemini
00:00 / 01:46
连播
清屏
智能
倍速
点赞350
00:00 / 01:47
连播
清屏
智能
倍速
点赞1357
不用 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
连播
清屏
智能
倍速
点赞30
00:00 / 00:16
连播
清屏
智能
倍速
点赞18
00:00 / 00:37
连播
清屏
智能
倍速
点赞625
00:00 / 02:30
连播
清屏
智能
倍速
点赞137
00:00 / 00:14
连播
清屏
智能
倍速
点赞1042
00:00 / 00:32
连播
清屏
智能
倍速
点赞1