复制即用 · 适配主流 AI

不知道怎么跟 AI 说?直接抄

这些模板经过调优,能让 AI 产出「单文件、零外链、可直接导入」的游戏代码。 把整段提示词丢给 游搭搭 支持的任意 AI,拿到代码后粘回平台即可上线。

适配平台
玩法分类

多人同屏对战(本地双人)

Claude动作1,396 次复制

一台设备两人玩的对抗小游戏,无需服务器,最容易做出社交传播。

展开提示词正文
写一个本地双人对战小游戏,单文件 index.html,全部内联,零外部依赖。

玩法:{玩法描述}(例如:两个方块在有限场地内互相撞击,把对方推出边界者获胜)

要求:
1. 左右两侧各有一名玩家,键盘 WASD 控制左边、方向键控制右边;
2. 移动端支持双指触控(左半屏控制左侧玩家)——如果实现复杂可省略,但要说明;
3. 每局有倒计时 {时长} 秒,时间结束时血多者胜;
4. 三局两胜,显示局分;
5. 撞击、掉出边界、得分都要有明确的视觉和音效反馈(音效用 Web Audio API 合成,不要外部音频文件);
6. 每局开始前有 3 秒倒数。

技术要求:
- Canvas 渲染,requestAnimationFrame 主循环;
- 用简单的 AABB 或圆形碰撞检测即可;
- 不要用 import/export。

使用技巧

  • 要求「音效用 Web Audio API 合成」是必须的——外部音频文件在渠道打包时体积容易超限,而且跨域问题多。

微信小游戏适配:把网页游戏改成小游戏

Claude街机1,371 次复制

面向已有一个 HTML 游戏的场景,让 AI 改写为微信小游戏结构。

展开提示词正文
我有一个网页小游戏,需要你帮我改写成微信小游戏的结构。请不要改变任何游戏逻辑,只做环境适配。

改写要求:
1. 输出 game.js(入口,替代原来的 index.html)、game.json(配置)、project.config.json 三个文件;
2. 微信小游戏没有 DOM,需要把所有 document.getElementById / querySelector 替换为 wx.createCanvas();
3. 所有对 DOM 元素样式的操作(style.width 等)改为设置 canvas 的 width/height;
4. window 对象不存在,需要自己造一个简单的全局对象;
5. localStorage 不存在,改用 wx.setStorageSync / wx.getStorageSync(做一个同名兼容封装);
6. requestAnimationFrame 在小游戏里可用,但 setTimeout 建议保留;
7. game.json 里配置 {屏幕方向} 朝向;
8. 保留原有的全部游戏逻辑和数值参数,不要"优化"。

原代码:
```html
{粘贴你的游戏代码}
```

输出时请分文件标注清楚,并说明每个文件放在小游戏项目的什么位置。

使用技巧

  • 平台本身已经内置了 DOM 兼容垫片,会自动处理大部分 DOM 差异。这个模板更适合你想手动精修的场景。

Flappy Bird 类无尽跑酷

ChatGPT街机1,234 次复制

经典玩法复刻,带难度递增与粒子特效,适合练手也适合上线。

展开提示词正文
用纯 HTML + Canvas 写一个「{主题}快跑」类无尽跑酷小游戏,单文件、零外部依赖。

要求:
1. 单文件 index.html,无任何外部资源引用;
2. 主角是{主角形象},用代码绘制(矩形/圆形组合即可,不需要精细);
3. 障碍物从右侧随机高度生成,向左移动;
4. 点击屏幕/空格键让主角向上跳跃,受重力下落;
5. 碰撞障碍物或掉出屏幕底部即游戏结束;
6. 每通过一个障碍得 1 分,得分越高障碍移动越快(难度递增);
7. 游戏结束后显示本局得分、最高分、重新开始按钮。

视觉与手感:
- 背景做{背景描述}的渐变,带缓慢移动的视差层;
- 主角跳跃时有点旋转或缩放动画;
- 碰撞时屏幕轻微抖动 + 粒子爆散效果;
- 分数用大号字体居中显示。

技术要求:
- Canvas 尺寸自适应容器,监听 window.resize;
- 游戏循环用 requestAnimationFrame,用 deltaTime 保证不同刷新率下速度一致;
- 不要用 import/export 语法。

使用技巧

  • 「用 deltaTime 保证不同刷新率下速度一致」这句很关键。不加这句,AI 的代码在 120Hz 手机上会快一倍。

放置类挂机游戏(含离线收益)

豆包模拟经营930 次复制

数值成长型玩法,留存好、开发量小,适合批量产出。

展开提示词正文
写一个「{主题}」放置类挂机小游戏,单文件 HTML,全部代码内联。

核心玩法:
- 玩家通过点击{生产动作}获得{资源名},资源自动随时间增长;
- 用资源购买建筑/升级,提升每秒产出;
- 每次购买价格按 {增长系数} 指数递增。

必须包含的离线收益机制:
1. 用 localStorage 记录上次退出时间戳;
2. 再次进入时计算离线时长,按「离线期间每秒产出 × 离线时长 × 50% 效率」发放离线收益;
3. 弹出离线收益结算弹窗,展示离线时长和获得的资源量;
4. 离线收益上限 {封顶时长} 小时,避免数值爆炸。

界面:
- 顶部:资源总量、每秒产出;
- 中部:可购买的升级项列表(图标 + 名称 + 价格 + 等级),价格不够时置灰;
- 底部:手动点击的生产区域,点击有 +N 飘字动画;
- 提供{存档按钮}用于手动清档。

技术要求:
- 单文件、零外部依赖、Canvas 或纯 DOM 皆可(建议 DOM 便于布局);
- 数字显示要处理大数(超过 1 万显示为 1.2万,超过 1 亿显示为 1.2亿);
- 不要用 import/export。

使用技巧

  • 「离线收益封顶」这一条很重要。不封顶的话数值会随离线时间线性爆炸,玩家挂机一天回来就失去继续玩的动力。

抖音小游戏适配模板

ChatGPT街机852 次复制

针对抖音小游戏 API 差异的改写提示词,重点在生命周期与录屏分享。

展开提示词正文
请把一个网页小游戏改写成抖音小游戏(tt 命名空间)结构。

关键差异点(请逐条处理):
1. 入口文件为 game.js,全局对象是 tt(不是 wx);
2. 没有 DOM,用 tt.createCanvas() 创建画布;
3. 屏幕尺寸用 tt.getSystemInfoSync() 获取,注意 devicePixelRatio;
4. 存储 API 是 tt.setStorageSync / tt.getStorageSync;
5. 需要处理生命周期:tt.onShow(回到前台时恢复游戏循环)、tt.onHide(切后台时暂停,避免耗电);
6. 加入录制分享能力:tt.getGameRecorderManager() 录制 15 秒精彩片段,在游戏结束时提供"分享战绩"按钮调用 tt.shareAppMessage;
7. 不要使用 eval、new Function、动态 script 注入(抖音审核明确拒绝)。

原代码:
```html
{粘贴你的游戏代码}
```

输出 game.js 与 game.json,并列出需要你在抖音开发者后台填写的配置项。

使用技巧

  • 第 7 条「不要使用 eval / new Function」要保留——抖音审核对动态执行代码查得很严,这属于硬性拒绝项。

2048 数字合并

豆包益智解谜706 次复制

逻辑清晰、无需美术,最适合验证「AI 写的代码能不能上线」的全流程。

展开提示词正文
写一个完整的 2048 游戏,单文件 index.html,全部代码内联。

功能要求:
1. {格子数}x{格子数} 的棋盘,初始随机出现两个数字块;
2. 支持键盘方向键和触屏滑动(移动端要能玩);
3. 相同数字碰撞合并,合并后分值累加;
4. 每次有效移动后,在空位随机生成一个新块(90% 概率是 2,10% 是 4);
5. 当棋盘填满且无法合并时游戏结束;
6. 合成出 2048 时提示胜利,但允许继续玩;
7. 显示当前分数和最高分(localStorage 持久化)。

视觉要求:
- 数字块用不同背景色区分大小(2/4/8/.../2048 各有颜色);
- 数字块出现和合并时有缩放动画;
- 整体风格{风格描述}。

技术要求:
- 用 CSS Grid 或绝对定位布局棋盘;
- 用 transform 做动画,不要用 top/left(性能差);
- 不要引入任何外部库。

使用技巧

  • 2048 是最适合「首次跑通全流程」的游戏——逻辑纯前端、没有物理引擎、没有素材依赖,流水线基本不会报错。

从零到上线:一句话生成可分发小游戏

Claude休闲683 次复制

最省事的入口模板,直接描述你想要什么,AI 配套输出成品。

展开提示词正文
请帮我写一个可以在浏览器直接打开就能玩的小游戏。游戏是:{用一句话描述你的游戏想法}

必须遵守的交付标准(这是硬性要求):
1. 只输出一个完整的 index.html 文件,HTML、CSS、JS 全部内联;
2. **绝对不能引用任何外部资源**:不用 CDN、不加载图片/音频/字体文件、不用 import/export;
3. 所有美术资源用 Canvas 或 CSS 绘制;
4. 适配手机屏幕,支持触屏操作;
5. 有完整的游戏流程:开始界面 → 游戏中 → 结束界面 → 重新开始;
6. 界面风格:{风格描述,如"像素复古" / "清新扁平" / "暗黑霓虹"};
7. 用中文写游戏内的所有文字;
8. 关键代码加中文注释。

请直接输出完整代码,不要省略任何部分,不要用 "// 此处省略" 之类的占位。

使用技巧

  • 最后一句「不要省略任何部分」是必须的。AI 遇到长代码经常会偷懒用省略号,那样代码直接跑不起来。

极简版「合成大西瓜」类消除游戏

Claude休闲551 次复制

一颗 HTML 单文件、无外部依赖的物理消除小游戏,最适合第一次尝试。

展开提示词正文
请写一个可以在浏览器直接运行的单文件小游戏,主题是「{水果名}合成」。

硬性要求(必须全部满足,否则代码不可用):
1. 输出一个完整的 index.html,HTML/CSS/JS 全部内联,不引用任何外部 CDN、图片、字体;
2. 使用 Canvas 2D 渲染,画布尺寸 {宽}x{高},自适应窗口大小;
3. 所有美术资源用代码绘制(圆形、渐变、文字),不要用外部图片;
4. 物理效果自己实现(重力、碰撞、合并),不要引入 matter.js 等外部库;
5. 支持鼠标点击和触屏点击两种操作方式;
6. 游戏结束条件:{结束条件},结束后显示得分并提供「重新开始」按钮;
7. 顶部显示实时得分和历史最高分,最高分用 localStorage 保存。

游戏机制:
- 玩家点击投放{fruit数量}种不同大小的水果,相同水果碰撞后合并成更大的水果;
- 每种水果对应不同颜色和分值;
- 越大的水果分值越高。

代码要求:
- 用 requestAnimationFrame 做游戏主循环;
- 不要用 ES Module 的 import/export(部分小游戏环境不支持);
- 变量命名清晰,关键逻辑加中文注释。

使用技巧

  • 这个提示词的重点是把「单文件 + 零外部依赖 + Canvas 自绘」写死。AI 默认很爱引 CDN 和图片链接,一旦引入,后面的素材本地化处理就会失败。

游戏性审查:让 AI 挑自己代码的毛病

Claude其他503 次复制

把你的游戏代码丢回去让 AI 自查,通常能问出不少真实问题。

展开提示词正文
你是一位严苛的小游戏评审。请审查下面这份代码,**不要重写它**,只列出问题。

请从以下维度逐条检查,每条给出「问题描述 + 代码位置 + 严重程度(高/中/低)+ 修复建议」:

1. **可运行性**:有没有语法错误、未定义的变量、引入但未使用的依赖?
2. **外部依赖**:有没有引用外部 CDN、图片、字体?(这些会导致无法离线运行)
3. **移动端兼容**:触屏事件有没有处理?canvas 有没有处理 devicePixelRatio(否则高清屏会模糊)?
4. **性能**:主循环里有没有创建对象/数组(会导致 GC 卡顿)?有没有用 top/left 做动画?
5. **游戏性**:难度曲线是否合理?有没有「无解局面」?失败后的重开流程是否顺畅?
6. **数值平衡**:得分/难度/资源的增长公式是否合理?有没有数值爆炸或永远达不到的目标?
7. **代码质量**:函数是否过长?魔法数字有没有提取成常量?

代码:
```html
{粘贴你的游戏代码}
```

请用表格输出审查结果,按严重程度从高到低排序。

使用技巧

  • 关键在「不要重写它,只列出问题」。不加这句,AI 会直接给你一版新代码,你就没法逐条比对了。

图片素材本地化:把外链图片改成内嵌

ChatGPT其他268 次复制

让 AI 帮你把游戏里所有外部图片链接替换成 base64 或代码绘制。

展开提示词正文
下面是一个网页小游戏的代码,里面引用了外部图片资源(img 标签、CSS background-image、JS 里的 new Image().src)。

请帮我做「素材本地化」改造:
1. 找出所有外部资源引用(包括 http/https 链接和协议相对链接 //xxx.com/a.png);
2. 如果图片是简单的几何形状,改成用 Canvas 代码绘制;
3. 如果图片是复杂图案,改成用 CSS 渐变或 SVG 内联绘制;
4. 如果无法用代码替代,就用纯色块 + 文字标签占位,并在代码里用注释标注 /* TODO: 需替换为正式素材 */;
5. 改造后必须保证游戏能正常运行,逻辑不变;
6. 输出完整的改造后代码。

原代码:
```html
{粘贴你的游戏代码}
```

使用技巧

  • 平台流水线会自动抓取可访问的外链素材并本地化。但对于抓不到的(防盗链、已失效),这条提示词可以让你手动先处理掉。

10 个模板

为什么模板里反复强调「单文件、内联」

平台的后处理流水线能自动抓取并本地化远程素材、修掉相对的路径错误 —— 但如果 AI 一次生成十几个互相 import 的模块,或者引用了不存在的字体 CDN, 修复成本会显著上升,产物也更容易出现加载失败。 从提示词层面就要求「所有 CSS/JS 内联进一个 HTML、不使用任何外部链接」, 是让整个流程最顺的做法,也是这些模板最大的价值所在。