第四单元 飞机大战

第13课 分版:v0 / v1 / v2

更大创意先拆小步:v0 能动、v1 能射、v2 能打完一局。

第13课 分版:v0 / v1 / v2
第13课 分版:v0 / v1 / v2
大约 40 分钟 这个单元:分小步做出一局飞机大战

第四款更大:飞机大战。别一口吃成胖子,先拆成 v0 / v1 / v2。

v0 能动、v1 能射、v2 能打完一局——每版都能演示,才敢加下一刀。

联机、商城先写进「先别做」,创意才收得住。

一、这一课怎么学

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

二、学完你能做到

  • 写出需求单。
  • 分出 v0/v1。
  • 说明版本怎么回退。

三、弄懂这件事

这一课就这几小步:

1.需求

飞机大战更大,更要先写需求卡:谁玩、要玩什么、怎样算赢、不要什么。

例如本班同学、单机网页、打完一局有分数;联机和商城写进「先别做」。

需求不清,后面分版就会乱加戏。

2.分版

别一口吃成胖子,拆成几版:v0 能看见,v1 能玩,更多以后再说。

每一版都要能演示,才敢加下一刀。

临演不加联机,保住能玩的版本。

3.退路

每做一个能演示的版本,就复制一份到 versions/。

改坏了可以回到上一份,不用从零重来。

有退路,才敢放心改下一刀。

记一句:先需求后代码——需求卡写清,再动手分版。

点一点就明白

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

四、先跟着做

对照例子想清楚

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

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

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

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

五、轮到你做

飞机大战需求与分版卡

  1. 填需求单四格。

    做对了会怎样范围里写明本课不要联机对战。

    做不出来怎么办用户写本班同学;范围写不要服务器。

  2. 写下 v0/v1 差别。

    做对了会怎样v1 版本里已经能看见子弹或射击效果。

    做不出来怎么办v0 可以只有分区画面,先能演示结构。

  3. 写回退办法一句。

    做对了会怎样步骤里写到复制文件夹做备份或分版。

    做不出来怎么办备份放到 versions/v0 一类文件夹,改坏能退。

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

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

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

本节例子

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

做单个 HTML 说明页,标题「飞机大战·需求与分版」。不要做游戏。

页面展示:
1)需求四格:用户、任务、界面、状态(每格一两句完整话);
2)v0 / v1 对照表:v0 只有画面;v1 要能左右移动、发射、打中加分(写清差别)。

适合投影;不要真游戏逻辑、不要服务器。

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

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

六、小心这些错

不写需求就让 AI 做「完整大作」。

没有版本副本。

七、带走这几句

  • 需求卡写清再动手写代码,顺序别反。
  • 分版加副本就是退路:新版坏了还能回到旧版。

八、打勾再往下

  • 我有需求单。
  • 我写下 v0/v1。

小测验

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

  1. v0 更合适的目标?

  2. 留退路是指?

  3. 需求里应写?