第五单元 俄罗斯方块
第18课 前端 UI：写死提示（非模型）
游戏旁放「提示助手」：写死的白话提示。真 AI 只在氛围编程工具里帮你写代码。
给方块加一块「提示助手」：点按钮，看到你事先写好的白话提示。
这不是真的大模型，也不会联网问云。真 AI 只出现在做游戏时的氛围编程工具里。
提示区挂了，游戏循环仍要能玩——手柄还在你手里。
一、这一课怎么学
- 开始前你要会：会打开浏览器，会打字。
- 怎样算做完：完成「轮到你做」，并在嵌入工具里留下可预览文件。
- 建议：先读「弄懂这件事」，再做练习。
二、学完你能做到
- 页面上有一处提示助手（按钮或关键词→白话）。
- 能说明：提示助手不是真模型，也不代替规则引擎。
- 提示区关掉或失败时，游戏仍可玩。
三、弄懂这件事
这一课就这几小步：
1．这是前端 UI，不是大模型
给方块加侧边「提示助手」：几个按钮 + 一段文字区域——都是 HTML/CSS/JS。
点按钮就显示你事先写好的白话；用 JS 切换显示，不联网、不调模型。
这是在练：游戏页里加一块可开关的说明 UI。
2．和氛围编程工具里的 AI 分清
工具里的 AI：帮你写或改代码。
游戏页提示助手：预设文案，不调用模型。
演示时说清：加分提示，不是真 AI，也不是裁判。
3．降级与验收
验收两件事：能点出提示；把提示区隐藏后，下落、旋转、消行仍正常。
提示挂了不能拖垮主循环——手柄还在你手里。
提示助手是加分项，不是游戏能不能玩的必要条件。
四、先跟着做
对照例子想清楚
用自己的话重述本课成功标准。
做对了会怎样你写出来的标准，别人打开页面点几下就能核对是不是做到了，而不是只有形容词。
指出哪一步必须自己点，不能听 AI 口头说完成。
做对了会怎样你明确写出：必须自己打开页面点一遍；AI 口头说「完成了」不能算数。
五、轮到你做
方块 + 提示助手
写清：提示助手负责什么、不负责什么。
做对了会怎样提示助手不负责碰撞判定或裁判对错。
做不出来怎么办写清：助手只提示怎么摆，不代替你完成消行。
在游戏页加提示入口（至少 3 个预设问题按钮）。
做对了会怎样点提示后能看到白话说明，不是空白。
做不出来怎么办提示入口用几个按钮，旁边配一段白话即可。
做「隐藏提示」或「提示忙碌」时的样子，并确认游戏仍可玩。
做对了会怎样改完后游戏循环仍正常：能玩、能结束、能再来。
做不出来怎么办关闭提示时可显示：提示休息中，先自己玩。
用下面嵌着的氛围编程工具。写完在工具里看预览，文件是
games/tetris/tips.html。做对了会怎样在嵌着的工具预览里，你能亲眼看见本课要求的按钮、分数或流程文字，而不是只有说明。
做不出来怎么办先在预览里自己点一遍；文件名必须和例子上写的完全一样，改完再刷新预览。
本节例子
下面整段是给 AI 的提示词示例：写清目标、范围和怎样算做成；请整段使用，不要只丢半句。工具嵌在下方。本课文件是 games/tetris/tips.html。
做俄罗斯方块简化页（纯前端可玩）+ 右侧「提示助手」。 文件名必须写成：```html games/tetris/tips.html - 一打开就要看见游戏画布（或方块区），不要空框； - 至少 3 个提示按钮，点了显示写死的白话（不要接大模型）； - 页上写：提示不是真 AI；可隐藏提示，隐藏后游戏仍可玩。 用键盘左右/旋转/下落即可。不要服务器。 输出要求：必须用 ```html games/tetris/tips.html 给出完整可运行 HTML（含 style 与 script），不要只回复说明，不要只贴 CSS/JS 片段，不要改用其它文件名。
正在打开氛围编程工具…若长时间空白请强制刷新。
六、小心这些错
把提示助手说成「网页里的真 AI / 大模型」。
提示区一挂，整页游戏就不能玩。
七、带走这几句
- 游戏里的提示助手是加分项，不是裁判，也不是真的大模型。
- 真 AI 在氛围编程工具里；游戏页用预设文案即可。
八、打勾再往下
- 有提示助手入口，且写明不是真模型。
- 关掉提示后游戏仍可玩。
小测验
对照上面「学完你能做到」选一个答案，再点「检查」。
本课游戏里的「提示助手」是？
提示助手关掉时应？
真 AI（大模型）用在哪？