AI 集市
小白创作教程

只有一台电脑,也能做出第一个 AI 小游戏

不要求会编程,不要求有 GitHub,也不用自己输入命令。照着下面的图文步骤做:选点子、和 AI 对话、试玩检查、拖拽上线,最后发到集市给朋友玩。

第一次约 30-60 分钟Windows 电脑即可TRAE 中国版,无需 VPN 或付费密钥
从选择点子、让 AI 制作、试玩检查到上传分享的四步创作过程
整条路线只有四件事:想法 → 交给 AI → 自己试玩 → 上传分享每完成一步,都可以在下方打勾
跟着做,不需要先学完

从空文件夹到朋友能打开的试玩链接

教程会记住你在这台电脑上的完成进度。软件界面以后可能更新,按钮名字略有不同没关系;每一步都写了“看到什么算成功”和“卡住了怎么办”。

1

选一个今天能做完的点子

约 2 分钟

第一个作品不要做“大型开放世界”。先选一个只有一个核心玩法、朋友打开 30 秒就会用的点子。点一下下面任意选项,后面的提示词会自动替你改好。

看到这些就算成功: 你能用一句话讲清楚“谁打开它、要做什么、最后得到什么”。

2

安装 TRAE 中国版

5-10 分钟

屏幕上大致会看到这里
页面示意,不是下载入口

TRAE 中国版官方下载页

认准 trae.cn,不要选 trae.ai

真正可点击的橙色下载按钮就在这张图下方

教程已改用 TRAE 中国版

不再使用需要等待 Credits 发放的 Qoder。TRAE 中国版的个人方案为免费版,国内网络可以直接下载和登录。

  1. 点击上面的橙色按钮,打开 TRAE 中国版官方下载页。
  2. 先看浏览器地址:必须以 trae.cn 开头,不要进入 trae.ai 国际版。
  3. 点击“下载 Windows 版”;普通 Windows 电脑选择 x64。
  4. 下载完成后双击安装,保持默认选项一直下一步。
  5. 打开 TRAE 并注册或登录,然后选择“打开文件夹”。
  6. 看到 Builder、智能体或对话输入框中的任意一个,就可以继续第 3 步。
看到这些就算成功: TRAE 已经打开,左侧可以打开文件夹,右侧能看到 Builder、智能体或中文对话框。
卡住了: 如果页面出现“排队”,保持软件打开等待即可,这是免费线路繁忙,不是没有额度;不要购买套餐,也不要改用 trae.ai 国际版。安装被电脑拦截时,先确认下载地址来自 trae.cn,再选择“更多信息”查看发布者。

3

新建作品文件夹

1 分钟

屏幕上大致会看到这里

我的第一个作品

桌面上的空文件夹

文件

打开文件夹...

  1. 在电脑桌面空白处点鼠标右键,选择“新建文件夹”。
  2. 名字写成作品名,例如“今天吃什么”。
  3. 回到 AI 工具,选择“打开文件夹”,选中刚建的文件夹。
  4. 看到左侧显示这个文件夹的名字,就可以开始。
看到这些就算成功: AI 工具左侧能看到你的作品文件夹,即使里面现在什么都没有。
卡住了: 找不到“打开文件夹”时,把这句话发给 AI:“请告诉我在当前软件里如何打开桌面上的空文件夹,只说我需要点击的位置。”

4

把提示词交给 AI

10-20 分钟

屏幕上大致会看到这里

请直接在当前文件夹帮我做一个可以在浏览器打开的小游戏……

作品文件夹

├─ index.html

├─ style.css

└─ game.js

下面这段已经根据你选的“今天吃什么”自动写好了。点击复制,粘贴到 AI 对话框发送,然后让它自己创建文件、运行和修复。

制作“今天吃什么”的提示词

你是我的 AI 编程搭档。我完全不懂编程,请直接在当前空文件夹里帮我做一个可以在浏览器打开的“今天吃什么”。

作品类型:小工具
核心想法:输入预算和口味,随机推荐一顿饭,还能重新抽取。

必须做到:
1. 使用 HTML、CSS、JavaScript 做成一个完整网页,第一层必须有 index.html。
2. 电脑和手机都能正常使用,所有按钮都真的可以点击,文字不能重叠或超出屏幕。
3. 视觉要简洁、有趣、有完成度,不要只放几行文字;加入清晰的开始、重新开始和结果反馈。
4. 不要使用需要付费密钥、数据库、服务器或 VPN 的功能;图片、音效和代码都放在项目文件夹里或使用可直接访问的资源。
5. 完成后请自己启动并测试,修复报错,至少完整走一遍主要操作流程。
6. 不要让我手动写代码或执行命令。需要运行、安装、创建文件或修复时,请你直接完成。
7. 先做出能玩的第一版,再问我最想改哪三处。

现在开始创建文件并完成第一版。
看到这些就算成功: AI 告诉你已经创建完成,并给出预览;浏览器里能看到作品界面。
卡住了: AI 只给代码却没有创建文件时,继续发:“不要给我教程,请直接在当前文件夹创建文件并运行,完成后打开预览。”

5

自己完整玩一遍

5 分钟

屏幕上大致会看到这里
开始游戏

按钮能点

规则正确

可以重来

先别急着发布。像普通玩家一样从头玩一次,逐项检查:

页面打开后没有一片空白或红色报错
开始、确认、重来等按钮都能点击
手机宽度下文字和按钮不会挤在一起
分数、计时或结果会按规则变化
重新开始后状态真的会清空
图片和音效没有丢失

发现问题时不用解释技术原因,直接对 AI 说:“我点击开始后没有反应,请你自己复现、找到原因、修好并重新测试。”

看到这些就算成功: 你能从打开页面一直用到最终结果,刷新后也还能正常开始。

6

让 AI 生成发布包

3-8 分钟

屏幕上大致会看到这里

publish

├─ index.html

├─ assets/

└─ cover.png

publish.zip

第一层有 index.html

作品满意后,把这段发给同一个 AI。它会在原作品旁边生成 publish 文件夹、publish.zip 和发布文案。

生成发布包的提示词

请帮我把现在这个作品整理成可以发布的网页包。我完全不懂代码,请你直接完成并检查,不要只告诉我步骤。

要求:
1. 不要修改、删除或覆盖源程序已有文件,只新增 publish 文件夹、publish.zip 和 发布信息.md。
2. 网页版本必须尽可能保留现在的玩法、界面、文案、按钮、分数、动画、图片和音效。
3. publish 文件夹第一层必须有 index.html,所有 CSS、JS、图片和音效使用相对路径。
4. 把 publish 文件夹内容压缩成 publish.zip。打开 zip 后第一层必须直接看到 index.html,不能再套一层 publish 文件夹。
5. zip 内部路径必须使用 /,不能出现 Windows 反斜杠 \ 或 : * ? " < > | 等非法字符。
6. 请实际打开并试玩网页,对照原程序检查首屏、主要操作、规则、文案、按钮、资源、动画和音效。
7. 生成 发布信息.md,写好作品标题、一句话介绍、详细介绍、分类、关键词、AI 工具和封面图建议。
8. 最后告诉我 publish.zip 的具体位置、zip 内文件列表,以及与原程序仍存在的差异。

如果无法运行或观察源程序,请停止打包并明确告诉我“无法保证完全一致”,不要假装已经完成。
看到这些就算成功: 作品文件夹里出现 publish.zip 和 发布信息.md;打开 zip 第一层能直接看到 index.html。
卡住了: EdgeOne 提示文件名非法时,把报错发给 AI,并让它重点检查 zip 内部路径有没有 Windows 反斜杠 \。

7

拖到 EdgeOne 生成试玩链接

3 分钟

屏幕上大致会看到这里

publish.zip

拖到这里

https://你的作品链接
  1. 点击下面按钮打开 EdgeOne Pages Drop。
  2. 把刚生成的 publish.zip 拖进页面中间的上传区域。
  3. 等待上传和部署完成,不要中途关闭页面。
  4. 打开生成的网址,自己再试玩一次。
  5. 复制浏览器地址栏里的 https:// 链接。
打开 EdgeOne Pages Drop
看到这些就算成功: 你拿到一个以 https:// 开头的链接,复制给朋友后,对方也能打开作品。
卡住了: 链接只能短时间访问时,请先登录 EdgeOne 再重新上传;登录后生成的项目才会长期保留。

8

回到集市发布作品

3 分钟

屏幕上大致会看到这里
作品标题
https:// 试玩链接
发布作品
  1. 打开“发布作品”,选择“我有一个链接”。
  2. 从 发布信息.md 复制标题、介绍、分类和关键词。
  3. 把 EdgeOne 生成的网址粘贴到“作品试玩链接”。
  4. 拖入一张能看清真实界面的封面图。
  5. 点击发布,作品会立即出现在你的个人主页和试玩广场。
去发布我的第一个作品
看到这些就算成功: 个人主页出现这条作品,并且可以从试玩广场打开详情。
第一件作品完成

别追求一次做完,先让朋友真的玩到

第一版被朋友玩过、收到一句真实反馈,比一个永远没发布的“大项目”更有价值。下一版只改最影响体验的三件事。

发布作品