用Gemini或Claude一句话生成可玩的HTML小游戏

原文要点

原文报道：Google于10月7日推出Playground游戏生成实验，仅面向美国18岁以上用户，10月9日从日本打开显示「Not available in your region」，日本上线日期未公布；替代路径是Gemini的Canvas（Google账号登录即可，免费档可用，官方页面明确写可做应用和游戏）或Claude的Artifacts（免费档可发布聊天中生成的作品）；作者实测Claude用120.7秒做出带音效的水果躲避游戏，声音用Web Audio API合成、无外部音频文件；核查4款音乐/语音AI（Mubert、Loudly、SOUNDRAW、Murf AI）免费档均不能合法放进游戏发布；Claude生成后默认显示「仅自己可见」，需手动公开。

这次做成什么

让读者用Gemini Canvas或Claude，通过本站三段中文提示词，从零产出一个单HTML文件、浏览器内合成音效、可手机游玩的小游戏，并学会局部修改与发布前自查，全程不引入外部素材版权风险。

准备什么

• Google账号（用于Gemini）或Claude账号，免费档即可开始
• 一台可开浏览器的设备，最好有手机用于触摸操作验证
• 不要求编程基础；发布前需有自查素材来源的意识

具体怎么做

1. 生成游戏本体

   打开Gemini输入框选择Canvas，或打开Claude聊天。粘贴材料区「提示词1」，把「水果」换成想要的主题（陨石、幽灵均可）。等待生成后，在Canvas/Artifacts面板内直接试玩，手机端触屏滑动、电脑端方向键操作。生成耗时不固定，作者记录的一次为120.7秒，仅供参考。

2. 锁定素材来源

   在同一对话追加粘贴「提示词2」，要求音效和BGM只用浏览器内合成（Web Audio API），画面用emoji或矢量图形，并让AI列出所用素材清单。这样成品不踩音乐AI免费档禁止商用的红线（作者核查的4款免费档均不可用于游戏）。

3. 局部修改迭代

   手机试玩后，把不满意之处填进「提示词3」的方括号，如「下落速度太快」，并强调「其他部分不要改动」，要求AI简述改动点。每次只改一处，改完重新试玩确认没有副作用。

4. 发布与自查

   Claude作品生成后默认「仅自己可见」，需在作品卡片上手动点公开并复制链接；Gemini用分享处的「复制公开链接」。换一台设备或隐身窗口打开链接验证可访问。发布前确认：不要求玩家登录或填姓名，最高分只存本机。

可直接复制的材料

我不会编程。请用一个HTML文件做一个可以在手机浏览器玩的游戏：从上方不断落下水果，玩家左右移动躲避。请附背景音乐和音效，并加入得分显示和游戏结束画面。

背景音乐和音效不要使用外部音频文件或音乐素材，请全部在浏览器内部合成播放（如Web Audio API）。画面也不要从外部加载图片，用emoji或图形绘制。最后请列出本作品用到的全部素材及其来源。

我在手机上试玩后发现：［这里写发现的问题，例：水果下落太快，很快就结束］。请只修改这一处，其他部分不要改动，并简短说明你改了哪里。

{
  "game": "fruit-dodge-demo",
  "controls": {"mobile": "touch-drag", "desktop": "arrow-keys"},
  "audio": "web-audio-api-synthesized",
  "externalAssets": [],
  "storage": {"bestScore": "local-only"},
  "publishDefault": "private"
}

输入与输出示例

本站虚构演示，非作者实测回放；作者记录的生成耗时120.7秒仅为作者当时一次的结果

输入

向Claude粘贴提示词1（水果改南瓜）：「我不会编程。请用一个HTML文件做一个可以在手机浏览器玩的游戏：从上方不断落下南瓜，玩家左右移动躲避。请附背景音乐和音效，并加入得分显示和游戏结束画面。」随后粘贴提示词2。

对应输出

示意成品特征（非实际调用结果）：单个HTML文件，标题「南瓜躲避」；手机端手指滑动移动篮子，电脑端左右方向键；Web Audio API合成的循环BGM与四种音效（躲过得分/被砸/加分/结束）；含3点生命、最高分本机保存、右上角声音开关；素材清单列出「无外部素材，音效为代码合成」。作品卡片初始显示「仅自己可见」，点击公开后得到可分享链接。

做完检查这些

• 得到的是单个HTML文件，且在Canvas/Artifacts面板内能直接游玩，无需安装游戏引擎
• 素材清单中没有任何外部音频或图片链接，音效标注为浏览器内合成
• 手机浏览器打开后先点「开始」才有声音（浏览器策略限制，无声时先检查此项）
• 修改请求后AI只动了指定问题并给出改动说明，其他玩法没有变化
• 公开后用另一台设备或隐身窗口能打开链接，且游戏不要求登录或输入姓名

容易卡住的地方

• Google Playground当时仅面向美国18岁以上，日本等地打开显示地区不可用，上线日期未公布，不必为它提前付费升级
• 音乐AI免费档普遍禁止商用或不允许下载（作者核查Mubert、Loudly、SOUNDRAW、Murf AI四款均不能免费放进游戏），用代码合成音效可绕开
• Claude回复「已公开」时卡片仍可能显示「仅自己可见」，必须亲自点公开并验证链接
• Gemini中给应用内嵌AI对话功能要求登录用户满18岁，普通游戏不涉及
• 手机浏览器首次发声前需要用户先触摸屏幕，不是故障
• ChatGPT的对应能力原文标注为未验证，不要假定其结果相同