让想法
变得可玩。
把一个小创意，写成别人能理解、
也能实际测试的游戏规则。
今天的产出：一张设计卡、一幅草图、一份开发任务
方向键翻页 · 目录跳转 · F 全屏 · 输入内容自动保存在当前浏览器
你想改变的一条规则
原来，什么条件会产生什么结果？
现在，你想让什么发生变化？
玩家会因此怎样改变行动？
用 30 秒向身边的同学解释。
再听听对方想象中的玩法。
把开发任务交给 AI 编程智能体
读取项目文件，理解当前内容
创建和修改代码
按工具能力运行、检查和修复
根据你的反馈继续调整
你给出规则与目标，
试玩实际结果，
决定下一次修改。
开发过程需要联网调用模型。生成的单文件网页游戏可以离线运行。
选择一个桌面工具开始
| 产品 | 官方入口 | 开始使用 |
|---|---|---|
| TRAE 国内版 字节跳动体系 | 下载中心 ↗ 快速开始 ↗ | 选择桌面端，按系统下载 支持手机号等官方登录方式 |
| CodeBuddy 中国版 腾讯云代码助手 | IDE 下载 ↗ 安装与登录 ↗ | 选择 CodeBuddy IDE 个人版支持微信或手机号登录 |
| Qoder CN IDE 阿里云 | 下载中心 ↗ 快速入门 ↗ | 在下载中心选择 IDE 新用户可用手机号注册 Qoder CN |
以上均采用面向中国大陆的官方版本与服务入口。登录、模型调用和下载需要联网；套餐与额度以官方页面为准。
选定工具后，完成一次小验证
校园网络的下载权限和访问策略由学校管理。遇到连接问题时记录提示信息，并在实际使用的网络中检查。
一个操作，也能支撑一款游戏
点击决定时机
指针来回移动，在它经过目标区域时点击。
长按控制大小
气球持续变大，松开时让它恰好穿过洞口。
点击控制落点
让移动方块落到塔顶，尝试搭出更高的塔。
留意：同一个操作在什么时候做，可能产生不同结果。
一键叠塔
金色方块左右移动。
点击画面 / 空格：放下方块
目标：叠到 12 层
虚线表示当前落点。留意方块落下、切边、掉落与完美对齐时的反馈。
先试基础版，再比较两个变体。
一条规则，怎样改变操作与感受？
基础叠塔
点击决定落点，保留重叠部分。
方块越来越窄，瞄准需要更精细。
摇摆塔顶
整座塔也左右移动。
你需要判断两个对象的相对位置。
完美回弹
完美对齐后恢复宽度。
你会追求稳妥落下，还是等待完美机会？
你的判断
哪个瞬间最让你想继续？
哪个版本的挑战更适合你？
先做一个可以检验的版本
原型用来回答：玩家能否完成操作，
理解规则，并体验到你想表达的趣味？
一个场景：能看清对象与状态
一个核心动作：能够触发结果
一套规则：能够完成一轮体验
一次重来：能够继续验证和比较
一局 1–3 分钟的小游戏
可以继续上节课的规则实验，也可以从身边的生活体验出发。
操作 + 对象 + 目标 + 限制
玩家通过 【操作】，
改变 【对象】，
达成 【目标】，
同时应对 【限制】。
玩家通过长按给气球充气，松手后让气球飞过圆洞，目标是连续通过五个洞，同时应对每次变化的洞口大小。
我的小游戏设计卡
用条件与结果描述规则，例如“松开鼠标时，气球停止变大并开始前进”。
别人打开游戏时会看到什么？
画出玩家、主要对象、
操作位置和目标信息。
也可以在纸上画，或在设计卡中用文字说明布局。
看看别人怎样理解你的游戏
交换设计卡与草图。读者先说出自己理解的玩法，
作者记录需要补充的地方。
“越来越难”会怎样实现？
“方块移动得越来越快，成功时有很酷的效果。”
每叠好 3 层，下一个方块的移动速度增加 20 像素 / 秒，上限为 300 像素 / 秒。方块落稳时显示“+10”，完美对齐时显示“+30”和闪光。
具体数值可以在试玩后调整。先写清它作用于谁、何时触发、怎样变化。
一个文件夹，一份明确的任务
在电脑中新建 my-first-game 文件夹
在选择的工具中打开这个文件夹
切换到可以执行任务的 Agent / 构建模式
发送开发任务，查看生成的 index.html
用浏览器打开，完成一次操作与重开
工具中的模式名称可能随版本调整，按官网说明进入能够创建和修改文件的模式。
第一版任务：一键叠塔
在当前文件夹制作单文件网页小游戏《一键叠塔》，所有 HTML、CSS 和 JavaScript 放进 index.html。 玩法：底部有一个宽 240 像素的绿色底座。上方金色方块以 210 像素 / 秒左右往返，点击画面或按空格后垂直落下。保留与塔顶重叠的部分，悬空部分切掉并掉落。下一块与落稳后的方块等宽。完全错过塔顶时结束，叠到 12 层时完成挑战。 计分：普通落稳 +10 分。水平偏差不超过 8 像素时算完美对齐，自动对齐、保留原宽并 +30 分。 反馈：显示高度、得分和完美次数。方块落下有动画，切边后碎块下坠，完美对齐显示闪光、粒子与文字。音效有开关。虚线提示当前落点。 交付：使用原生 HTML、CSS、JavaScript 和 Canvas，提供开始、暂停、重开。先完成上述可玩版本。 检查：普通落稳、完美对齐、完全错过、12 层完成、暂停继续、重开恢复初始状态。完成后说明打开文件的方法。
方块移动多快，才适合你的玩家？
滑块即时调整水平速度。
每次只调整一个参数，再重开比较。
调整后：瞄准与点击的感觉怎样变化？
把方块水平移动速度从 210 改为 160 像素 / 秒。保持当前落块、切边、计分与结束规则。完成后检查方块移动变慢，并确认暂停和重开正常。
发生了什么？你期待什么？
复现步骤
让方块向右偏出塔顶一段距离，再点击放下。
实际结果
假设这一版让悬空部分留在塔上。
期望结果
保留重叠部分，悬空部分切掉并下坠。下一块的宽度应与落稳的部分一致。
可附截图、报错文字，以及出现问题的操作顺序。
把设计卡整理成开发任务
完成设计卡后，生成任务说明。
检查操作、规则和目标是否都写清楚。
你的开发任务将显示在这里。
生成器按你的填写整理文字。发送前需要自己检查规则之间是否一致。
一款能够反复试玩的小作品
把试玩中发现的一个问题，写成下一条修改任务。
带上你的设计，也带上试玩记录
完善个人设计卡，保存草图与任务说明
选择一个工具，完成下载、安装和登录
建立项目文件夹，尝试生成第一版
记录一个实际体验到的问题或想改的细节