晴空有作SUNLIT MAKERS动手创造,
比想象更有趣!
← 返回案例库
案例库/海底抓鱼/亲子学习单元

OCEAN LAB · 亲子创作 01

海底抓鱼 · 亲子学习单元把“太难了”,
变成一次有依据的修改。

从海底抓鱼出发,练习说清规则、做出初稿,
再用一次小修改,看看自己的想法能不能成立。

10–12 岁 · 亲子共做电脑动手可分几次完成
海底抓鱼主题纸艺插画:潜水员和海洋鱼群
今天的小目标让鱼游慢一点,
也把为什么说清楚。
主题插画 · 非游戏截图
这次带走

三条规则+前后两个版本+一段自己的解释

AI 帮忙实现,你来做决定。

YOUR LEARNING MAP

一件作品,五个学习站

按顺序探索,也可以从需要的地方开始。

  1. 01看作品发现一个具体问题
  2. 02说规则让想法能被检查
  3. 03做初稿任选一条动手路线
  4. 04改一处先预测,再比较
  5. 05讲作品把方法用到别处
可选探索鱼是怎样被 AI 认出来的?想知道原理时再打开,不影响开始创作。

完整作品 · 原项目 v2

先看看,一件作品可以长成什么样

再从教学基础版开始 ↓

完整作品保留角色、道具和海域等玩法。下面的学习任务使用单角色教学基础版;试玩完整作品后,再按三条基础规则制作与修改。

海底抓鱼作品画面

海底抓鱼

原项目完整作品 · 下方另有教学基础版

控制说明 ⓘ

电脑操作更方便;手机可触控体验,横屏视野更宽。先在区域内滚动选择角色并开始,再点击游戏区域;海底抓鱼支持左右键或 A / D,也可拖动角色;收起体验时倒计时会继续。页面内金币、道具与排名仅保留在本次体验中;退出或重新加载会清空,下载独立打开可保存到浏览器。展开时可用右上方按钮收起;焦点在页面控制区时可按 Esc 收起。

下载完整作品 HTML ↓
01

OBSERVE · 从真实感受开始

先玩一玩,哪里想改一改?

试着抓一条鱼。说说你做了什么、看到了什么,先不急着找答案。

海底主题插画,点击下方按钮加载真实教学基础版
教学基础版 · v1单角色 / 普通鱼 / 60 秒 · 需要电脑键盘
完整作品可以很丰富,第一次动手从基础版开始。下载基础版 ↓
体验打不开,或者我现在用的是手机

教学基础版需要电脑键盘。可以先读下方规则、写下想改的地方;到电脑上再打开或下载HTML。空白时可在新窗口打开基础版。看到页面不等于已完成试玩,实际操作和文件保存要分别检查。

孩子亲手试玩,描述一个现象。

家长帮助打开作品,把操作机会留给孩子。

试着这样说

“我一直向右追鱼,
但它先离开了画面。”

比“太难了”更具体,也给下一步留下线索。
?
知识小课 01AI 帮我做游戏,游戏就会自己学习吗?
展开 ↗
可选探索 去看看 AI 怎样认识鱼 +

在 Code.org 的海洋AI活动中,给图像标记类别,再观察模型怎样判断新图像。试着留意:样本没有包含其他海洋生物时,会发生什么?

打开 Code.org 海洋活动 ↗

回来聊一聊:我们的抓鱼游戏按谁写的规则加分?分类活动又从什么材料中学习?

外部课程;语言、网络与账号条件以实际页面为准,本单元尚未实走。打不开也可以读上方小课;纸面分类能帮助理解,但不等于训练了模型。

留下什么 一条具体的试玩观察,可以写在纸上。

02

DESCRIBE · 从想法到规则

先把三条规则说清楚

请孩子先讲,家长再问一句:“我们怎么知道它做对了?”

① 操作

按什么,发生什么?

点击开始才计时。
左右键移动角色。

② 得分

什么时候加分?

碰一条鱼加 1 分。
鱼消失,不重复计分。

③ 结束

什么时候停下来?

60 秒后停止操作。
重开归零,时间恢复。

先想一想

哪一句更容易检查有没有做到?

看看解释

第二句给出了可观察的结果。“好玩”仍有价值,可以继续追问:是速度、操作,还是规则哪里需要改变?

留下什么 孩子用自己的话写下操作、得分、结束三条规则。

03

MAKE · 两种起点,同一个目标

你们想怎样得到第一版?

任选一条。得到能玩的基础版,再一起去下一站做一次修改。

两条路线没有先后要求;切换只改变你正在阅读的内容。

▣ 准备好再开始工具登录 · 保存 HTML · 检查文件名 · 重开与刷新

家长负责工具与文件,孩子负责提想法和试玩。先按下面顺序走一遍;不需要安装开发环境或学习代码。

1. 打开制作工具,先确认能对话

国内主线先尝试 豆包官方网页版 ↗,用电脑已有浏览器打开,无需先安装桌面客户端。家长按页面提示登录自己的可用账号,发送“你好,请回复:准备好了”。看到正常回复,再继续。登录、验证码或额度问题先由家长处理;不要反复粘贴整段制作要求。

当前是候选工具路径:本轮浏览器工具超时,未完成豆包登录、上传 HTML、生成与下载验证。具体登录按钮、文件能力与费用以实际界面为准;能聊天不等于能完成案例。需要安装客户端时只从官方入口获取,本轮未实测安装。官方使用条件 ↗

这一项完成:家长知道作品用哪个工具制作,能收到回复,并了解当前账号条件。若只想先试玩,可选“修改示例”下载起步 HTML;没有可用制作工具时,可以试玩和备份,暂不能完成 AI 修改。

2. 建一个找得到的作品文件夹

在桌面新建 my-ocean-game 文件夹,打开后新建 versions 子文件夹。当前作品固定叫 index.html;备份放进 versions,叫 v01-first-playable.html 等。不要把不同案例放在同一文件夹。

下载后先在浏览器“下载”列表找到文件,使用“在文件夹中显示”(Mac 可能叫“在访达中显示”),移动到作品文件夹再命名。重复下载可能叫 index (1).html;先确认它是新版,保留旧版,再把新版作为当前 index.html。不要凭文件图标判断版本。

3. 只有代码时,怎样手工保存

请 AI 返回完整代码,复制从 <!DOCTYPE html> 到 </html> 的全部内容,不复制前后说明或三个反引号。网页聊天的“保存网页”会保存聊天页,不能代替保存游戏。如果代码中断,先要求重新交付完整 HTML,不要自行拼接。

Mac:用“文本编辑”保存(本机已实测)
  1. 打开系统自带“文本编辑”,新建文稿;选择“格式 → 制作纯文本”。若菜单显示“制作多信息文本”,说明现在已经是纯文本,无需点击。
  2. 粘贴完整 HTML,按 Command + S。编码选择 Unicode (UTF-8)。
  3. 取消“如果没有提供扩展名,则使用 .txt”。取消后再填写 index.html,保存前再核对一次文件名。本机实测切换这个选项时,文件名曾自动变成 index.txt。
  4. 选刚建好的 my-ocean-game 文件夹,点“存储”。若提示扩展名选择,保留 .html;本机本次没有出现该提示。

不要用 Word 或富文本保存。已经存成 RTF 的文件,仅改后缀不能变成 HTML:请新建纯文本,重新粘贴完整代码再保存。

Windows:用“记事本”保存(未实机验证)
  1. 打开系统“记事本”,新建并粘贴完整 HTML,选择“文件 → 另存为”。
  2. 选择 my-ocean-game,文件名填 index.html,“保存类型”选“所有文件”,编码选 UTF-8,再保存。
  3. 打开文件资源管理器,Windows 11 通常在“查看 → 显示 → 文件扩展名”;Windows 10 通常在“查看 → 文件扩展名”。界面随版本可能不同,本轮未实机核对。

4. 核对真正的文件名,再打开游戏

Mac 在访达选中文件,按 Command + I,展开“名称与扩展名”;Windows 在资源管理器显示扩展名后核对。完整名字必须为 index.html,不能是 index.html.txt、index.txt 或 index.rtf。如果内容确实是纯文本 HTML,才可把多余的 .txt 去掉;RTF 请返回上一步重存。

双击 index.html。若打开的是编辑器,右键“打开方式”选已有浏览器。应看到游戏标题、开始按钮和游戏区;点开始后再操作键盘。看到代码先核对扩展名和打开方式;空白或缺按钮时,将当前文件及现象交给制作工具排查。

5. 重新编辑、保存,再刷新正确的标签页

  1. 先复制当前 index.html 到 versions,给备份不同名字。请 AI 修改时提供当前文件;无法上传时,粘贴完整源码并说明这是当前版本。
  2. 手工替换源码:Mac 在“文本编辑 → 文件 → 打开”选中 index.html,点“显示选项”,勾选“忽略多信息文本命令”再打开。必须看到 <!DOCTYPE html> 等源码,不是排版后的网页。Windows 在记事本中打开文件;找不到时把打开类型改为“所有文件”。
  3. 只在当前文件中选中全部源码,再粘贴 AI 给的新完整代码。Mac 按 Command + S,Windows 按 Ctrl + S;保持 index.html 名字和原文件夹。若下载了新文件,先确认保存位置与版本,不要覆盖唯一备份。
  4. 回到自己作品的游戏标签页,核对地址对应的文件夹与文件名,再按 Command + R(Mac)或 Ctrl + R(Windows)。不要刷新教程页、聊天页或 versions 里的旧版。刷新会重新开局,先点开始。
  5. 若仍是旧效果:检查编辑器是否已保存、浏览器打开的是不是 index (1).html 或备份。关闭游戏标签,从作品文件夹重新打开当前 index.html,再比较。结束前关闭并重新打开一次,确认作品已落盘。
展开完整文件交付要求(也可手动复制)

请交付一个完整 index.html,包含 HTML、CSS、JavaScript,不使用外部库或网络资源,不部署。如不能提供 HTML 下载,请给出从 <!DOCTYPE html> 到 </html> 的完整代码,不省略、不用代码片段。不要声称已写入我的电脑。修改时以我提供的当前完整文件为准,只改我指定的一项,保留其他规则;告诉我怎样保存、重新打开和比较修改前后。

验证范围 · 2026-10-16:两个案例均已用 Mac 文本编辑手工保存并核对 .html 文件、重新打开源码、修改保存;本地 HTTP 浏览器刷新后可见新标题。Windows、工具安装/登录和账号内生成下载未实测。直接双击后以 file:// 在浏览器打开本轮受工具限制,不能用本地 HTTP 结果替代此项。

路线 A · 修改示例

先拥有一份能玩的起步作品

  1. 下载,并放到自己的文件夹。

    将教学基础版保存为当前 index.html;确认文件实际存在。

    下载教学基础版 HTML ↓
  2. 用电脑浏览器打开,实际玩一局。

    点击开始,按左右键,抓一条鱼;等待结束,再试重开。

  3. 先留下一个能恢复的旧版。

    复制到 versions/v01-before-change.html。打开备份,确认也能玩。

到这里应看到:当前作品和一份能玩的备份。下一站才让AI修改它。
带着第一版,去改一处 →

路线 B · 从零创作

让 AI 先听懂规则,再写代码

  1. 请 AI 先复述规则。

    孩子读第二站的三条规则,家长把完整要求交给制作工具。先检查复述,再确认生成。

    展开完整规则提示词

    我要和家长制作海底抓鱼小游戏。先用简单中文复述规则,等我们确认再写代码。基础版只要一个角色、普通鱼、60 秒倒计时、当前分数、结算和重开。左右键移动,碰一条鱼加 1 分,鱼消失且不重复计分;普通鱼先慢速。时间到停止操作,重开重置时间和分数。不加商店、技能、摄像头。 使用一个 index.html 包含 HTML、CSS、JavaScript,无外部图片、库或服务。确认后优先直接创建或提供 HTML 文件,否则输出从 <!DOCTYPE html> 到 </html> 的完整代码;说明纯文本保存与浏览器打开及检查方法。 打开页面后必须先等待点击“开始游戏”按钮才计时,不能自动开局;结束时显示结算与“重新开始”。点击开始或重开后,键盘马上可用,方向键或空格不要滚动页面。

  2. 确认后,再请求完整文件。
    我确认上述基础规则。请生成完整 index.html,包含 HTML、CSS、JavaScript,无外部资源、不部署。能提供下载就给完整 HTML 文件;否则返回从 <!DOCTYPE html> 到 </html> 的完整代码,不省略、不只给片段。不要声称已经写入我的电脑。告诉我怎样纯文本保存为 index.html、检查真实扩展名并用浏览器打开;保存与试玩成功后,我会自行复制到 versions/v01-first-playable.html 备份。
  3. 保存、打开,检查完整一局。

    按准备清单保存当前 index.html。检查开始、碰鱼计分、60秒结束、重开;仅看到代码还没完成保存。

  4. 复制一份可恢复的旧版。

    保存为 versions/v01-before-change.html,重新打开确认。

到这里应看到:自己生成的基础版、一次完整局检查,以及一份备份。
带着第一版,去改一处 →
?
知识小课 04聊天里有代码,为什么还不算保存好了?
展开 ↗
第一版没有成功,怎么继续?

只有片段:请求完整HTML。看到源码:核对真实扩展名与打开方式。页面空白:给AI当前完整文件和具体现象。不要猜它已经写入电脑,也不要覆盖唯一能玩的旧版。

04

EXPERIMENT · 把想法变成一次小试验

让鱼慢一点,结果会怎样?

先说一个预测,再动手修改。结果不一样也有收获:你发现了新的问题。

这一次只改

普通鱼速度 → 原来的 80%

角色速度、60秒、每鱼1分、结束和重开都保留。
  1. 先猜一猜

    “我预测鱼慢一点以后,会……”
    把自己的猜测写在纸上,别急着看答案。

  2. 给当前文件,只改这一项

    确认备份能玩,把当前完整 index.html 交给AI;新会话也要提供文件。

    展开本次修改提示词

    依赖:已有可玩基础版并备份。这一轮只将普通鱼速度调为当前的 80%,角色速度、60 秒、碰鱼加 1 分及重开规则不变。百分比是教学试验值,试玩后再调整。先说明改哪个参数,再修改现有文件,交付完整 index.html;说明前后比较与开始、计分、结束、重开的检查方法。 我会提供当前完整 index.html;如果你尚未收到,请先向我要,不要猜测旧内容。家长先自行复制旧版到 versions/v01-before-change.html,再将你返回的完整 HTML 下载或手工保存为当前 index.html,不另建无关新游戏。修改后说明参数前后值和具体保存路径。

  3. 比较两版,再回查旧规则

    分别打开旧版与新版,追同一种普通鱼。说出速度变化,再检查下方四项。核对没有误开备份或 index (1).html。

变慢了,也要检查这些

  • 01点开始后才计时
  • 02同一条鱼只加一次分
  • 03时间到停止本局
  • 04重开归零,恢复60秒
试着重复比较。单局得分还受随机位置和操作影响,不急着下结论。
?
知识小课 06鱼变慢了,但重开分数没清零,算改好吗?
想一想 ↗
新版坏了,或者看起来没有变化

先用旧版继续。检查保存位置、文件名和浏览器地址,再描述“我做了什么—实际发生什么—希望怎样”。把当前文件交给AI,只修这一处,返回后重复同一个检查。

留下什么 修改前后两个版本、一句预测,以及实际观察。

05

REFLECT · 把方法带走

这是你的作品,讲讲你的决定

把新版另存为 versions/v02-my-version.html。关闭游戏后,从文件夹重新打开当前版,再检查开始、得分、结束和重开。

我的创作小记录

用四句话,讲给家人听。

  1. 我发现了什么问题?
  2. 我决定改什么,为什么?
  3. AI 帮我做了什么,我检查了什么?
  4. 结果和预测相同吗?还想怎样试?

用纸笔或自己的文本文件记录即可。此页面不保存学习记录。

TRY IT SOMEWHERE NEW

换个世界,你还会用这个方法吗?

挑战 A

海洋 → 太空

把鱼换成能量球。重新写三条规则,再说说哪些逻辑可以保留。

挑战 B

去看看黄金矿工

提出一项修改,说明保留什么、怎么比较前后变化。

打开现有案例 ↗
给家长的观察线索

看孩子能否自己说明目标、限制与检查办法。改成什么主题没有唯一答案;能换场景解释,比背下一个提示词更值得记录。挑战先说规则即可,完整制作可另约一次。

一件小作品,也能长出自己的想法。

带走三条规则、两个版本,以及一段你自己的解释。

再看看这次的学习地图 ↑
基础完成以后,选做一个进阶

每次只加一项,先备份;道具和风险不是本单元完成前提。

进阶:金币与一种单局道具

基础完成后先备份。复制提示词让 AI 复述购买规则,确认后实现。亲玩赚金币,分别试余额不足、购买成功、重复点击、下一局生效和结束恢复。

依赖:已完成基础版并备份。增加金币:每局结算获得 floor(分数 / 2),一局只发一次。加大渔网道具价格先设 10 金币;余额不足不能购买,每次最多一个待使用道具;购买只扣一次,下一局使捕获范围增加 5%,本局结束恢复正常。10 与 5% 是教学试验值。先复述状态切换,确认后交付完整 index.html,保留基础操作并列出购买、生效、恢复与重开检查。

检查:购买只扣一次,下一局才生效,结束恢复。

未达到预期时,记录刚做的操作和实际现象,请 AI 修复并返回完整 index.html;修好再做下一步。

进阶:给冒险一个代价

备份后先只加海雷,和孩子确认触发、扣分和最低分。修改后亲手碰一次雷,再查普通抓鱼和重开;遗迹和多角色留到下一次。

依赖:基础版完成并备份,不要求金币道具。增加一种海雷,角色碰到扣 2 分,最低为 0,海雷消失且只触发一次。保留普通鱼、60 秒、结束与重开,结束后不继续计分或扣分。先复述,确认后交付完整 index.html,并说明碰雷、低分、结束和重开检查。

检查:危险只触发一次,低分不变负数,重开正常。

未达到预期时,记录刚做的操作和实际现象,请 AI 修复并返回完整 index.html;修好再做下一步。

KNOWLEDGE NOTES

六张知识小课,随时回来看看

卡片在相关步骤旁也能打开;这里保留完整文字。

01 · AI 帮我做游戏,游戏会自己学习吗?

先分清:制作时用 AI,和作品运行时用 AI,是两件不同的事。

本例让AI帮忙写代码。游戏打开后,“碰鱼加1分”按已经写好的程序规则执行,不会因为你多玩几局就自己学出新规则。

在Code.org海洋分类活动里,你给图像标记类别,模型利用这些训练样本,再预测新图像的类别。这是另一种学习对象。

先想一想

“AI写了计分代码”和“给鱼的图像贴标签训练分类器”,哪一个在让模型从样本学习?

展开解释

后一个。前一个是AI协助创作程序。给聊天工具补充意见,也不等于你重新训练了它的底层模型。

回到作品:请孩子指出一条由人决定的规则。

可选拓展 · Code.org 海洋活动 ↗
02 · 怎样把“更好玩”说具体?

说清一个操作、预期结果和需要保留的限制。

“简单一些”可以继续拆开:鱼游得慢一点?角色移动快一点?还是游戏时间长一点?它们会带来不同结果。

本例

“普通鱼速度改成当前的80%;角色速度、计分和60秒保持不变。”另一位试玩者也能按它比较。

先想一想

把“重新开始要正常”改写成一句能检查的要求。

参考思路

例如:“点击重新开始后,分数归零,时间恢复60秒,并且可以重新操作。”可以用自己的话表达。

回到作品:把你的想法写成一条能检查的规则。

03 · 分数、条件和游戏状态是什么?

程序需要记住变化,也需要知道什么时候执行动作。

变量 · 记一个会变的值
分数从0变成1,剩余时间从60逐渐变小。
条件 · 满足了才执行
游戏进行中,而且角色碰到了鱼,才处理本次得分。
状态 · 现在在哪个阶段
等待开始 → 游戏中 → 已结束。结束后继续按键,不应继续得分。
先想一想

重开时只把时间改回60,分数和鱼都不处理,可能怎样?

展开解释

会带着上一局的内容进入新局。需要按规则重置分数、时间和游戏中的对象/状态,再实际试玩验证。

回到作品:找出两项会变化的数值。

04 · 为什么保存后还要重新打开?

聊天里的代码、电脑里的文件、浏览器打开的版本,要对得上。

HTML描述页面结构,CSS控制外观,JavaScript处理操作和变化。本例把它们放在一个完整HTML文件中,也没有外部依赖;这一课不用先记住语法。

my-ocean-game/
 index.html ← 当前版
 versions/
  v01-before-change.html ← 旧版
  v02-my-version.html ← 新版备份

纯文本保存,核对实际扩展名;不要把聊天网页另存为作品。下载重复文件时,先辨认版本,再放进正确位置。

先想一想

AI说修改完成,可浏览器仍显示旧效果,你先查什么?

展开解释

检查是否保存成功、浏览器打开的路径和文件名、是否刷新了正确游戏标签页。先排除误开旧版或index (1).html,再检查代码。

回到作品:关闭标签页,再从自己的文件夹打开一次。

05 · 为什么一次只改一件事?

保持其他规则不变,才更容易看清这一次变化的影响。

如果同时减慢鱼速、延长时长和提高每条鱼分值,得分变多时,你很难说清主要原因。

原来 100× 80% →现在 80

80%表示保留八成,减少两成;不是“减去80”。这是一次试验的选择,是否更合适还要试玩。

先想一想

新版一局得分比旧版高,能马上证明“速度降低就一定更好玩吗”?

展开解释

不能。随机位置、操作熟练度也会影响结果。先比较可见速度,多试几次,再解释体验;还要看是否慢得无聊。

回到作品:修改前写一句预测,修改后写实际观察。

06 · 什么叫真的改好了?

想要的新变化出现了,原来应该成立的规则也还成立。

鱼慢了,但重开不归零,说明这次修改仍有问题。开始、计分、结束、重开都要回查。

描述问题的三个部分

“我点了重新开始(操作);分数仍是上一局的8分(实际);我希望分数归零(预期)。”

先想一想

再想一个容易漏掉的情况:时间到以后继续按键,会怎样?

展开解释

应按结束规则停止本局操作和得分。还可以检查同一条鱼是否被重复计分。检查结果以实际运行观察为准。

新版坏了,可以先回到备份。给AI当前完整文件,只修复具体问题,再重复同一个检查。

回到作品:选一项边界情况,亲手验证一次。

真实制作过程

真实亲子实践背景由项目发起者确认;过程依据 SweetyProject 历史对话及源码整理。账号内反馈不逐条署名为孩子原话,不推断年龄、个人贡献比例或教学效果。

2026-10-12 已用两个独立AI制作会话从空目录复做基础版,并在电脑浏览器检查开始、计分、结束、重开及一次速度修改。曾遇到自动开局与教程要求不一致,已补明确开始按钮和确认生成回复。这是代理复做记录,不代表所有工具一次生成成功或真实零基础家庭已验收;2026-10-16 补验:Mac 文本编辑手工纯文本保存、实际 .html 文件名、重新打开源码、修改保存与本地 HTTP 刷新已验证。工具安装登录、账号内生成下载、Windows 和本轮直接双击 file:// 打开未验收。进阶未纳入本轮实走。

想做 60 秒抓鱼和四个角色

首版完成角色选择、捕获、计分、结束和重开。

历史首版已有四角色,本页单角色起步是教学简化。

鱼太快,想要金币、道具和海域

加入商店、单局道具、深浅海域与风险,多次降低新手鱼速。

说清价格、生效时机和结束恢复,让模糊想法变成规则。

得分少、道具贵、宝物少

调整金币兑换、道具价格和稀有物品机会。

难度与收益要根据实际试玩反复比较。

想试摄像头挥手

多轮调整识别与校准,后来明确恢复无手势版本。

探索可以失败,撤回不适合的功能也是设计决定。

想让角色有不同取舍

增加角色并调整门槛、速度和高品质概率。

优势和代价一起讨论,新增能力后也要回查菜单。

遗迹有奖也要有罚

调整进入概率与掉落,加入守卫和空掉落。

奖励、概率和危险需要一起考虑。

完成自查与可选进阶
  • 基础:浏览器打开的是游戏页面,开始后能操作
  • 基础:每个物品只计分一次,时机符合规则
  • 基础:时间到停止动作与计分,结果可读
  • 基础:重开后分数与时间重置,可继续玩
  • 基础:记录一条反馈及对应修改,保留前后版本
  • 基础:关闭后重新打开仍能完成一局
  • 进阶:所选新功能只触发一次,扣费或扣分正确
  • 进阶:新增后再查旧操作、结束和重开

完成第五站的保存与复盘后,可选上方的进阶步骤;每次只加一项。

常见问题与素材
必须完成全部进阶吗?

不必。先完成五站学习中的基础闭环:试玩、说规则、得到第一版、修改比较、保存与复盘。两条路线任选一条;进阶每次选一项,先备份再改。

页面空白或显示代码怎么办?

检查实际扩展名、纯文本格式、完整代码及代码围栏。用浏览器重新打开;仍失败就把文件、操作和现象交给 AI,请其修复并返回完整文件。

修改后以前的功能坏了怎么办?

打开 versions 的旧版比较,说明新增了什么、哪里失灵、哪些旧功能要保留。新版需复查开始、计分、结束与重开。

能直接下载或试玩历史成品吗?

可以。顶部提供原项目完整作品的在线体验和 HTML 下载,教学区另有适合跟做的基础版。两者玩法范围不同;真实教学视频仍待提供。

历史成品和跟做版相同吗?

历史首版已有多角色。本页单角色基础版是新教学拆分,不代表最终成品的全部规则。

AI只回复玩法说明,没有生成文件怎么办?

第三站的从零路线先请AI复述规则,这是正常结果。确认规则后复制该路线中的确认回复。等文件实际出现再打开;如果仍只说明能力,明确要求提供完整index.html文件或完整代码,由家长保存后打开。

怎样把试玩问题交给AI?

继续同一个制作对话,说清操作、实际结果、希望结果和要保留的规则。如果换到新对话,先上传当前index.html,不只粘贴一句修改要求。

来源、版本与工具核验说明

真实亲子实践背景由项目发起者确认;过程依据 SweetyProject 历史对话及源码整理。账号内反馈不逐条署名为孩子原话,不推断年龄、个人贡献比例或教学效果。

本页完整作品体验和下载来自 SweetyProject 原项目完整快照;教学区下载为另行复做的基础版,两者用途不同。网页预览另做屏幕与旋转适配,海底另有存储兼容;完整玩法与下载文件保留。封面为设计插画,不表示实际游戏画面。时长与真实家庭体验未实测。国内工具教程待实测;已有 Codex 复做记录仅验证对应文件制作路径。

由家长安装、登录自己的可用账号并核对年龄与地区条件;本案例不要求孩子另开账号。以家长账号内当前费用与可用额度为准;本文不承诺免费生成。

历史 Codex 复做工具资料(非国内主线) ↗

内容版本 1.3 · 更新 2026-10-19 · 教学视频待提供

做到哪一步了?愿意的话,来聊聊。

分享你的尝试、遇到的问题,或者只是聊聊你的想法。
无需加微信,也能查看全部内容。

电脑扫码
真实二维码
待提供
知识小课 · 看懂后,回到操作