第一单元 点击闯关
第1课 氛围编程：人机协作与验收
上册主线：从一句创意，走到能打开、能玩的小游戏。人和 AI 一起做，验收在你。
这门课的终局是五款能在浏览器里玩的网页游戏：点击闯关、打地鼠、贪吃蛇、飞机大战、俄罗斯方块。
从第 1 课起，每一次练习都要能说清：这一步怎样让游戏更好玩、更能演示。
你当司机，AI 当加速器：方向盘是「怎样算通关」，不是「随便做一个网站」。
一、这一课怎么学
- 开始前你要会：会打开浏览器，会打字。
- 怎样算做完：完成「轮到你做」，并在嵌入工具里留下可预览文件。
- 建议：先读「弄懂这件事」，再做练习。
二、学完你能做到
- 能用一句话说明什么是氛围编程。
- 能说出做什么、怎样算做完、安不安全都要自己负责。
- 能指出：本课不搭服务端、不建数据库。
三、弄懂这件事
这一课就这几小步：
1．一句话定义
氛围编程就是：你用平时说话的方式告诉 AI 想做成什么样，AI 帮你写代码。
你要说清目标，并且自己打开页面检查——不能只听 AI 说「做完了」。
协作、可运行、能检查，这三件都要有，才算真的在用氛围编程。
2．改变了什么，没改变什么
改变了：入门时不必先背完语法，也能做出能演示的小游戏。
没改变：程序必须真的能玩；隐私与诚实红线还在。
AI 能加速写草稿，但不能替你验收，也不能替你承担责任。
3．本课终局
这门课的终局是五款游戏，都在浏览器里完成。
不要自建服务器，不要数据库；游戏成品本身也不嵌大模型。
写代码用课页里的氛围编程工具（云端接口或本机 Ollama）即可。
点一点就明白
点下面的按钮，看屏幕上发生了什么。
四、先跟着做
对照例子想清楚
用自己的话重述本课成功标准。
做对了会怎样你写出来的标准，别人打开页面点几下就能核对是不是做到了，而不是只有形容词。
指出哪一步必须自己点，不能听 AI 口头说完成。
做对了会怎样你明确写出：必须自己打开页面点一遍；AI 口头说「完成了」不能算数。
五、轮到你做
写出「做点击闯关」责任卡
对照上面「记一句」，写三行：
氛围编程是____。
用它做游戏适合____。
它不能代替____。做对了会怎样第一空有「平时的话 / 和 AI」；第二空有「最小」或「能点」；第三空有「自己检查」或「验收」。
做不出来怎么办三空可填：用平时的话和 AI 一起做；先做出能点的最小关卡；自己打开页面检查。
两栏「人 / AI」，写成做点击闯关时的责任。
做对了会怎样通关规则和最后验收写在人的责任栏，不推给 AI。
做不出来怎么办人：定几关、怎样算过；AI：按说明改一处。
把「做个超酷游戏」改成合格说明（含成功标准、不要服务端）。
做对了会怎样能回答：点什么？怎样算过关？并写明不要服务器。
做不出来怎么办对照：3 个按钮换关，分数加一；页上写不要服务器。
用下面嵌着的氛围编程工具。写完在工具里看预览，文件是
show/l01.html。做对了会怎样在嵌着的工具预览里，你能亲眼看见本课要求的按钮、分数或流程文字，而不是只有说明。
做不出来怎么办先在预览里自己点一遍；文件名必须和例子上写的完全一样，改完再刷新预览。
本节例子
下面整段是给 AI 的提示词示例：写清目标、范围和怎样算做成；请整段使用，不要只丢半句。工具嵌在下方。本课文件是 show/l01.html。
做单个 HTML 文件，标题写「做点击闯关时谁负责」。 页面从上到下包含： 1）三句说明（每句一行）：氛围编程是什么；用它做网页小游戏适合先做出什么；它不能代替什么（第三句必须出现「自己检查」或「验收」）。 2）左右两栏：左栏标题「人」，右栏标题「AI」。 - 人：定关卡与成功标准；打开页面自己点一遍检查。 - AI：按说明写草稿；按我指出的一处修改。 3）页底一行小字：本课纯前端，不要服务器。 要求：界面清楚，适合投影；不要做真游戏逻辑；不要登录、不要外链库。 输出要求：必须用 ```html 文件名 给出完整可运行 HTML（含 <style> 与需要的 <script>），不要只回复说明，不要只贴 CSS/JS 片段。页面打开后要立刻看得见内容，不要只有标题和大空框。
正在打开氛围编程工具…若长时间空白请强制刷新。
六、小心这些错
把「会用 AI 聊天」当成「会氛围编程」。
一上来就要联机排行榜——那是进阶课的事。
七、带走这几句
- 氛围编程 = 用平时的话和 AI 一起做，做完要你自己检查。
- 好看不等于做完；能点、和成功标准对得上，才算完成。
八、打勾再往下
- 我能不看笔记说出定义。
- 责任卡上验收在人这边。
- 说明里有可观察的成功标准。
小测验
对照上面「学完你能做到」选一个答案，再点「检查」。
氛围编程里，谁对「做成什么样」最后负责？
哪一句更接近氛围编程？
本入门课默认不做？