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
连播
清屏
智能
倍速
点赞235
00:00 / 00:13
连播
清屏
智能
倍速
点赞226
00:00 / 00:31
连播
清屏
智能
倍速
点赞5
00:00 / 00:21
连播
清屏
智能
倍速
点赞1016