第五单元 俄罗斯方块

第17课 人机分工:规则与验收

做方块时人和 AI 各管什么:阶段、验收、防幻觉。AI 在氛围编程工具里,不在游戏页里。

第17课 人机分工:规则与验收
第17课 人机分工:规则与验收
大约 40 分钟 这个单元:做成可玩的方块,加提示助手,并演示

终局大作:俄罗斯方块。方块会落、会转、会消。

做游戏时仍和 AI 结对——但 AI 在氛围编程工具里写草稿,不在游戏页里跑模型。

先把人和 AI 的责任写死:谁定阶段、谁验收、怎样防「它说测过了」。

一、这一课怎么学

  • 开始前你要会:会打开浏览器,会打字。
  • 怎样算做完:完成「轮到你做」,并在嵌入工具里留下可预览文件。
  • 建议:先读「弄懂这件事」,再做练习。

二、学完你能做到

  • 能写人机责任对照。
  • 能把方块拆成阶段。
  • 能举一个幻觉例子。

三、弄懂这件事

这一课就这几小步:

1.责任

做俄罗斯方块仍和 AI 结对,但责任要写死。

人负责规则、验收和安全;氛围编程工具里的 AI 负责草稿与按点修改。

游戏页本身不跑大模型——真 AI 只出现在写代码的工具里。

2.先讨论

改代码前先讨论:让工具里的 AI 用自己的话复述计划。

复述对了,再允许它改;复述偏了,先纠正计划。

先讨论再写代码,比重写整页省事。

3.一次一阶段与幻觉

一次只推进一个阶段,例如先会落,再谈旋转或消行。

幻觉很常见:AI 说「已经能消除」,你打开却没有。

你要用眼睛证伪,不能把口头完成当验收。

记一句:先讨论再写代码——复述对了再改,眼睛证伪防幻觉。

点一点就明白

点下面的按钮,看屏幕上发生了什么。

四、先跟着做

对照例子想清楚

  1. 用自己的话重述本课成功标准。

    做对了会怎样你写出来的标准,别人打开页面点几下就能核对是不是做到了,而不是只有形容词。

  2. 指出哪一步必须自己点,不能听 AI 口头说完成。

    做对了会怎样你明确写出:必须自己打开页面点一遍;AI 口头说「完成了」不能算数。

五、轮到你做

方块阶段计划卡

  1. 写人/AI 责任对照(俄罗斯方块)。

    做对了会怎样怎样算消除由人先定清楚,再让 AI 写代码。

    做不出来怎么办七种方块长什么样由人先定,再交给 AI 画。

  2. 拆 3 个阶段。

    做对了会怎样需求里下落、旋转、消除三条都写到了。

    做不出来怎么办三阶段写成:①下落 ②旋转 ③消除;可先只做下落。

  3. 写一句防幻觉核验。

    做对了会怎样打开预览,消行(或消去)真的发生了。

    做不出来怎么办消掉一行后分数增加,先写清加多少。

  4. 用下面嵌着的氛围编程工具。写完在工具里看预览,文件是 show/l17.html。

    做对了会怎样在嵌着的工具预览里,你能亲眼看见本课要求的按钮、分数或流程文字,而不是只有说明。

    做不出来怎么办先在预览里自己点一遍;文件名必须和例子上写的完全一样,改完再刷新预览。

本节例子

下面整段是给 AI 的提示词示例:写清目标、范围和怎样算做成;请整段使用,不要只丢半句。工具嵌在下方。本课文件是 show/l17.html。

做单个 HTML,标题「俄罗斯方块·结对卡」。说明页,不要完整方块游戏。

包含:
1)人 / AI 责任对照表(消除规则由谁定、代码由谁写、谁打开验收);
2)三阶段计划:下落 → 旋转 → 消除(可注明先做哪一阶段);
3)一句防幻觉核验:例如「打开预览,消行是否真的发生」。

适合投影;不要服务器。

输出要求:必须用 ```html 文件名 给出完整可运行 HTML(含 <style> 与需要的 <script>),不要只回复说明,不要只贴 CSS/JS 片段。页面打开后要立刻看得见内容,不要只有标题和大空框。

正在打开氛围编程工具…若长时间空白请强制刷新。

六、小心这些错

一次让 AI 做完所有阶段却不核验。

AI 说有功能就相信。

七、带走这几句

  • 先复述需求讨论清楚,再让 AI 写代码。
  • 按阶段推进,每一阶段结束都自己核验一次。

八、打勾再往下

  • 我有阶段卡。
  • 我写出防幻觉办法。

小测验

对照上面「学完你能做到」选一个答案,再点「检查」。

  1. 验收责任在?

  2. 更好的节奏?

  3. 幻觉是指?