第四单元 飞机大战
第16课 完成：清单验收一局（飞机大战）
五步收官：能演示完整空战一局。
空战收官：移动、射击、敌机、得分，能完整玩一局。
带上需求卡讲故事：你怎么从草图打到可演示。
临演不加联机——保住能玩的版本。
一、这一课怎么学
- 开始前你要会：会打开浏览器，会打字。
- 怎样算做完：完成「轮到你做」，并在嵌入工具里留下可预览文件。
- 建议：先读「弄懂这件事」，再做练习。
二、学完你能做到
- 可玩一局。
- 有清单勾选。
- 能讲述分版过程。
三、弄懂这件事
这一课就这几小步：
1．收口
空战收官，功能以清单为准，不要临演加戏。
移动、射击、敌机、得分能完整玩一局，就算收口成功。
联机、商城这类需求，仍留在「先别做」。
2．讲述
讲述时带上需求卡，把故事说短：需求→v0→v1→用 F12 修过什么。
先让别人玩一局，再讲你和 AI 怎么分工。
过程讲清楚，比只秀最终画面更有说服力。
3．边界
边界不变：仍是纯前端，浏览器打开就能玩。
不要自建服务器，也不要在游戏页里嵌大模型。
保住能玩的版本，比临时加炫更重要。
四、先跟着做
对照例子想清楚
用自己的话重述本课成功标准。
做对了会怎样你写出来的标准，别人打开页面点几下就能核对是不是做到了，而不是只有形容词。
指出哪一步必须自己点，不能听 AI 口头说完成。
做对了会怎样你明确写出：必须自己打开页面点一遍；AI 口头说「完成了」不能算数。
五、轮到你做
可玩飞机大战
勾验收清单。
做对了会怎样核心清单项都勾过，并能演示。
做不出来怎么办清单先勾：移动、发射、碰撞、加分这几项。
封存 games/shooter/index.html。
做对了会怎样交给同学打开就能演示，不必再改代码。
做不出来怎么办从 show 示例复制一份再改文件名。
写 30 秒讲述稿。
做对了会怎样说明或文件夹里体现了分版（如 v0/v1）。
做不出来怎么办人话提示先写三句就够，先求清楚。
用下面嵌着的氛围编程工具。写完在工具里看预览，文件是
games/shooter/index.html。做对了会怎样在嵌着的工具预览里，你能亲眼看见本课要求的按钮、分数或流程文字，而不是只有说明。
做不出来怎么办先在预览里自己点一遍；文件名必须和例子上写的完全一样，改完再刷新预览。
本节例子
工具打开时应立刻在效果区看到绿色飞机和红色敌机。若仍是空框，强制刷新本页。下面提示词在已有成果上小步改。文件：games/shooter/index.html。
在当前已有空战页上整理成课堂演示版（保留绿色飞机、移动/发射/打中加分，不要整页重写成空壳）： - 游戏区高度要贴近浏览器可视高度（推荐 #box 用 height: calc(100vh - 52px)，宽度可随窗口；禁止固定成很小的方块）； - 一打开就必须看得见 #player 绿色飞机，禁止只有标题和大空框； - 补「再来一局」按钮； - 必须用 ```html games/shooter/index.html 输出完整 HTML（含 <script>）。 纯前端。
正在打开氛围编程工具…若长时间空白请强制刷新。
六、小心这些错
演示前临时加大功能弄坏。
没有讲述只丢链接。
七、带走这几句
- 临演以清单为准，临时加戏容易把能玩的搞坏。
- 能讲清 v0/v1 差在哪，才算真会分版。
八、打勾再往下
- 能玩一局。
- 有讲述稿。
小测验
对照上面「学完你能做到」选一个答案，再点「检查」。
演示前临时加联机风险？
本单元新技能？
成果形式？