第四单元 飞机大战
第13课 分版:v0 / v1 / v2
更大创意先拆小步:v0 能动、v1 能射、v2 能打完一局。
第四款更大:飞机大战。别一口吃成胖子,先拆成 v0 / v1 / v2。
v0 能动、v1 能射、v2 能打完一局——每版都能演示,才敢加下一刀。
联机、商城先写进「先别做」,创意才收得住。
一、这一课怎么学
- 开始前你要会:会打开浏览器,会打字。
- 怎样算做完:完成「轮到你做」,并在嵌入工具里留下可预览文件。
- 建议:先读「弄懂这件事」,再做练习。
二、学完你能做到
- 写出需求单。
- 分出 v0/v1。
- 说明版本怎么回退。
三、弄懂这件事
这一课就这几小步:
1.需求
飞机大战更大,更要先写需求卡:谁玩、要玩什么、怎样算赢、不要什么。
例如本班同学、单机网页、打完一局有分数;联机和商城写进「先别做」。
需求不清,后面分版就会乱加戏。
2.分版
别一口吃成胖子,拆成几版:v0 能看见,v1 能玩,更多以后再说。
每一版都要能演示,才敢加下一刀。
临演不加联机,保住能玩的版本。
3.退路
每做一个能演示的版本,就复制一份到 versions/。
改坏了可以回到上一份,不用从零重来。
有退路,才敢放心改下一刀。
点一点就明白
点下面的按钮,看屏幕上发生了什么。
四、先跟着做
对照例子想清楚
用自己的话重述本课成功标准。
做对了会怎样你写出来的标准,别人打开页面点几下就能核对是不是做到了,而不是只有形容词。
指出哪一步必须自己点,不能听 AI 口头说完成。
做对了会怎样你明确写出:必须自己打开页面点一遍;AI 口头说「完成了」不能算数。
五、轮到你做
飞机大战需求与分版卡
填需求单四格。
做对了会怎样范围里写明本课不要联机对战。
做不出来怎么办用户写本班同学;范围写不要服务器。
写下 v0/v1 差别。
做对了会怎样v1 版本里已经能看见子弹或射击效果。
做不出来怎么办v0 可以只有分区画面,先能演示结构。
写回退办法一句。
做对了会怎样步骤里写到复制文件夹做备份或分版。
做不出来怎么办备份放到 versions/v0 一类文件夹,改坏能退。
用下面嵌着的氛围编程工具。写完在工具里看预览,文件是
show/l13.html。做对了会怎样在嵌着的工具预览里,你能亲眼看见本课要求的按钮、分数或流程文字,而不是只有说明。
做不出来怎么办先在预览里自己点一遍;文件名必须和例子上写的完全一样,改完再刷新预览。
本节例子
下面整段是给 AI 的提示词示例:写清目标、范围和怎样算做成;请整段使用,不要只丢半句。工具嵌在下方。本课文件是 show/l13.html。
做单个 HTML 说明页,标题「飞机大战·需求与分版」。不要做游戏。 页面展示: 1)需求四格:用户、任务、界面、状态(每格一两句完整话); 2)v0 / v1 对照表:v0 只有画面;v1 要能左右移动、发射、打中加分(写清差别)。 适合投影;不要真游戏逻辑、不要服务器。 输出要求:必须用 ```html 文件名 给出完整可运行 HTML(含 <style> 与需要的 <script>),不要只回复说明,不要只贴 CSS/JS 片段。页面打开后要立刻看得见内容,不要只有标题和大空框。
正在打开氛围编程工具…若长时间空白请强制刷新。
六、小心这些错
不写需求就让 AI 做「完整大作」。
没有版本副本。
七、带走这几句
- 需求卡写清再动手写代码,顺序别反。
- 分版加副本就是退路:新版坏了还能回到旧版。
八、打勾再往下
- 我有需求单。
- 我写下 v0/v1。
小测验
对照上面「学完你能做到」选一个答案,再点「检查」。
v0 更合适的目标?
留退路是指?
需求里应写?