原文链接：https://mp.weixin.qq.com/s/zpr-oV0C__GWZO5tRR0ufQ
最近刷到超多人在玩自己做的手势交互小游戏！
握拳粒子就炸开，张开手掌卡牌就飞出来，甚至还能隔空抓娃娃，太有意思了！
看的我也想抓紧复刻，但翻遍全网都找不到提示词…
算了，不如直接自己动手搓一个！
你可能想不到，我全程没有敲一行代码，纯自然语言交互，用了不到半小时就复刻成功了！
Gemini 3 Pro还是太牛了啊！
提示词我放在最后两页了，因为篇幅限制只能放简略版，想要更炫酷的效果，可以直接再跟Gemini提你的要求，迭代几次就能很符合你的预期了!
#WaytoAGI #Gemini3 #手势交互小游戏 #小游戏 #VibeCoding
50%
50%
50%
50%
任务：编写一个单文件 HTML5 Canvas 2D 抓娃娃机游戏。
技术栈：HTML/CSS/JS, MediaPipe Hands, Web Audio API (无外部图片资源)。
核心需求：
视觉：复古街机风：深紫色/黑色背景，粉色 (#ff00de) 霓虹边框，CRT 扫描线滤镜覆盖全屏。字体：引用 Google Fonts "Press Start 2P"。画质：强制关闭 Canvas 平滑处理 (imageSmoothingEnabled = false) 以保持像素锯齿感。
角色与生成：用代码绘制三种简单的像素块风格角色，配色参考宝可梦（紫色耿鬼、蓝色杰尼龟、橙色小火龙）。开局生成 30个 娃娃，随机堆叠在画面右侧的地面上。
双模控制：
优先：MediaPipe手势（食指移动，捏合抓取）。
兜底：若无摄像头，自动降级为鼠标控制（移动瞄准，点击抓取）。
抓取逻辑：
状态机管理（待机-移动-下落-抓取-上升-归位-松开）。
高难度判定：只有爪子中心与玩偶中心垂直水平完全对齐才算抓中，否则抓空。
自动归位：抓到娃娃后，抓手必须移动到左侧掉落区正上方，才能松开爪子。
物理与计分：
深坑机制：画面左侧20%为掉落区，坑底高度低于右侧地面。
入库锁定：玩偶掉入坑底后，变为半透明、计分，且无法再次被抓取。
防作弊：右侧地面与坑之间有隐形墙，地面上的玩偶无法滚入坑内，只能从上方扔入。
音效：使用 Oscillator 生成 8-bit 投币、移动、成功音效。
游戏流程：
初始为黑色遮罩开始界面，点击“INSERT COIN”按钮后请求全屏及摄像头权限并开始游戏。右上角显示实时分数（Collected Count）。
请输出一段完整的、可直接运行的 HTML 代码。产品名称：AI 像素抓娃娃机 (AI Pixel Claw)
📖产品简介这是一个无需下载、直接在浏览器运行的复古街机风格抓娃娃游戏。它结合了前沿的Google MediaPipe AI 视觉技术，打破了传统键盘操作的限制。你可以通过摄像头，用真实的隔空手势控制抓手，体验仿佛置身游戏厅的真实操作感。
🎮玩法说明
1.启动游戏：点击屏幕上的"INSERT COIN"按钮，并在浏览器弹出提示时选择“允许” (Allow)摄像头权限。
2.操作方式（双模式）：◦🖐️AI 手势模式（推荐）：▪瞄准：竖起一只手的食指，在镜头前左右移动，控制抓手位置。▪抓取：将食指和拇指捏合（做出 👌 “OK”的手势），抓手就会立即下落。◦🖱️鼠标模式（备用）：▪如果无法使用摄像头，直接滑动鼠标瞄准，点击左键即可抓取。
- ◦🖐️AI 手势模式（推荐）：▪瞄准：竖起一只手的食指，在镜头前左右移动，控制抓手位置。▪抓取：将食指和拇指捏合（做出 👌 “OK”的手势），抓手就会立即下落。
- ◦🖱️鼠标模式（备用）：▪如果无法使用摄像头，直接滑动鼠标瞄准，点击左键即可抓取。
• 3.游戏目标：场内共有 30 个像素玩偶，请精准对齐中心，将它们抓起并扔进左侧红色的"DROP ZONE"区域，挑战清空全场！