AI教程

Gemini3 Pro生成圣诞主题可交互的粒子特效

2025-12-17

提示词:

请使用 Three.js + MediaPipe 编写一个名为 “圣诞指尖魔法” 的 3D 粒子交互特效网页。 核心主题: 营造沉浸式圣诞氛围,粒子要有如圣诞彩灯般的发光质感,配色以红、绿、金、白为主。 具体功能需求:

🖐️ 手势实时控制(无延迟): 通过摄像头实时识别手指数量。 伸出 1 根手指: 凝聚出由红色发光粒子组成的数字 “1”(象征驯鹿红鼻子)。 伸出 2 根手指: 凝聚出由绿色发光粒子组成的数字 “2”(象征圣诞树)。 伸出 3 根手指: 凝聚出由金色发光粒子组成的数字 “3”(象征铃铛/星星)。 注意:数字直接显示,不需要倒计时。 🎅 终极节日特效(五指张开): 当识别到五指张开时,粒子瞬间重组爆炸,形成巨大的 “MERRY XMAS” 多彩粒子文字。 同步特效: 背景瞬间炸开烟花效果,并从底部升起大量的 3D 礼物盒(立方体)、雪花(六边形) 和 彩球,营造狂欢氛围。 ❄️ 魔法重置(握拳): 当识别到握拳时,触发“暴风雪消除”效果:所有粒子和物体被风吹散消失,屏幕清空,重置回待机状态。 移除所有调试信息和识别进度条。 🌃 视觉与 UI 环境: 背景: 深邃的午夜蓝色渐变背景,带有持续缓慢飘落的背景雪花效果(无论手势如何,背景始终有微雪)。 UI: 仅保留右上角一个半透明的白色全屏切换按钮,风格极简。 视角: 摄像机位置需适中,确保 “MERRY XMAS” 文字和上升的礼物盒能完整显示在屏幕内。 💻 代码环境兼容性: 输出为单文件 JavaScript 代码(不含 HTML/CSS 外壳)。 移除 , , 等标签,假设代码将直接运行在 CodePen 的 JS 面板中。 使用 CDN 链接引入 Three.js 和 MediaPipe 库。