按什么,发生什么?
点击开始才计时。
抓钩摆动,空格或点击出钩。
MINING LAB · 亲子创作 02
从黄金矿工出发,练习说清规则、做出初稿,
再用一次小修改,看看自己的想法能不能成立。

三条规则+前后两个版本+一段自己的解释
AI 帮忙实现,你来做决定。YOUR LEARNING MAP
按顺序探索,也可以从需要的地方开始。
完整作品 · 原项目 v2
完整作品保留角色、技能、炸弹和多关等玩法。下面的学习任务使用单角色教学基础版;试玩完整作品后,再按三条基础规则制作与修改。
电脑操作更方便;手机可触控体验,横屏视野更宽。先在区域内滚动选择角色并开始,再点击游戏区域;黄金矿工使用空格或点击矿洞出钩,E 或技能按钮使用技能,P 或暂停按钮暂停。离开游戏区域会自动暂停,点“继续游戏”可接着当前这一局玩。展开时可用右上方按钮收起;焦点在页面控制区时可按 Esc 收起。
OBSERVE · 从真实感受开始
试着钩住一件物品,等它拉回顶部。说说你做了什么、看到了什么,先不急着找答案。

教学基础版建议在电脑上用空格或鼠标点击操作。可以先读下方规则、写下想改的地方;到电脑上再打开或下载HTML。空白时可在新窗口打开基础版。看到页面不等于已完成试玩,实际操作和文件保存要分别检查。
孩子亲手试玩,描述一个现象。
家长帮助打开作品,把操作机会留给孩子。
“我钩到了石头,
但拉回花了很久。”
钩子碰到物品 → 带着物品拉回 → 到达顶部结算。每个时刻看一眼金币,检查哪一步真的加分。
还可以试一次空钩,比较有没有金币变化。这里观察教学基础版;原完整作品可能包含额外技能,不作为基础规则的判断依据。
留下什么 一条具体的试玩观察,可以写在纸上。
DESCRIBE · 从想法到规则
请孩子先讲,家长再问一句:“我们怎么知道它做对了?”
点击开始才计时。
抓钩摆动,空格或点击出钩。
拉回顶部才加金币。
空钩不加,同物只算一次。
60秒内达1000成功,否则失败。
暂停停计时,重开归零。
第二句给出了可观察的结果。“好玩”仍有价值,可以继续追问:是速度、操作,还是规则哪里需要改变?
留下什么 孩子用自己的话写下操作、得分、结束三条规则。
MAKE · 两种起点,同一个目标
任选一条。得到能玩的基础版,再一起去下一站做一次修改。
两条路线没有先后要求;切换只改变你正在阅读的内容。
家长负责工具与文件,孩子负责提想法和试玩。先按下面顺序走一遍;不需要安装开发环境或学习代码。
国内主线先尝试 豆包官方网页版 ↗,用电脑已有浏览器打开,无需先安装桌面客户端。家长按页面提示登录自己的可用账号,发送“你好,请回复:准备好了”。看到正常回复,再继续。登录、验证码或额度问题先由家长处理;不要反复粘贴整段制作要求。
当前是候选工具路径:本轮浏览器工具超时,未完成豆包登录、上传 HTML、生成与下载验证。具体登录按钮、文件能力与费用以实际界面为准;能聊天不等于能完成案例。需要安装客户端时只从官方入口获取,本轮未实测安装。官方使用条件 ↗
这一项完成:家长知道作品用哪个工具制作,能收到回复,并了解当前账号条件。若只想先试玩,可选“修改示例”下载起步 HTML;没有可用制作工具时,可以试玩和备份,暂不能完成 AI 修改。
在桌面新建 my-gold-game 文件夹,打开后新建 versions 子文件夹。当前作品固定叫 index.html;备份放进 versions,叫 v01-first-playable.html 等。不要把不同案例放在同一文件夹。
下载后先在浏览器“下载”列表找到文件,使用“在文件夹中显示”(Mac 可能叫“在访达中显示”),移动到作品文件夹再命名。重复下载可能叫 index (1).html;先确认它是新版,保留旧版,再把新版作为当前 index.html。不要凭文件图标判断版本。
请 AI 返回完整代码,复制从 <!DOCTYPE html> 到 </html> 的全部内容,不复制前后说明或三个反引号。网页聊天的“保存网页”会保存聊天页,不能代替保存游戏。如果代码中断,先要求重新交付完整 HTML,不要自行拼接。
不要用 Word 或富文本保存。已经存成 RTF 的文件,仅改后缀不能变成 HTML:请新建纯文本,重新粘贴完整代码再保存。
Mac 在访达选中文件,按 Command + I,展开“名称与扩展名”;Windows 在资源管理器显示扩展名后核对。完整名字必须为 index.html,不能是 index.html.txt、index.txt 或 index.rtf。如果内容确实是纯文本 HTML,才可把多余的 .txt 去掉;RTF 请返回上一步重存。
双击 index.html。若打开的是编辑器,右键“打开方式”选已有浏览器。应看到游戏标题、开始按钮和游戏区;点开始后再操作键盘。看到代码先核对扩展名和打开方式;空白或缺按钮时,将当前文件及现象交给制作工具排查。
请交付一个完整 index.html,包含 HTML、CSS、JavaScript,不使用外部库或网络资源,不部署。如不能提供 HTML 下载,请给出从 <!DOCTYPE html> 到 </html> 的完整代码,不省略、不用代码片段。不要声称已写入我的电脑。修改时以我提供的当前完整文件为准,只改我指定的一项,保留其他规则;告诉我怎样保存、重新打开和比较修改前后。
验证范围 · 2026-10-16:两个案例均已用 Mac 文本编辑手工保存并核对 .html 文件、重新打开源码、修改保存;本地 HTTP 浏览器刷新后可见新标题。Windows、工具安装/登录和账号内生成下载未实测。直接双击后以 file:// 在浏览器打开本轮受工具限制,不能用本地 HTTP 结果替代此项。
路线 A · 修改示例
将教学基础版保存为当前 index.html;确认文件实际存在。
点击开始,按空格或点击出钩,等物品回到顶部;试暂停恢复,结束后再重开。
复制到 versions/v01-before-change.html。打开备份,确认也能玩。
路线 B · 从零创作
孩子读第二站的三条规则,家长把完整要求交给制作工具。先检查复述,再确认生成。
我要和家长制作抓金矿游戏。先给框架和待确认数值,等我们确认再写代码。基础版一个矿工、一关、60 秒,目标先为 1000 金币。抓钩自动摆动,空格或点击游戏区出钩,抓到金块、石头、钻石后拉回顶部才计分,各物品价值和拉回速度不同,请提出数值供确认。空钩不加分;达标成功,时间到未达标失败;暂停时停止动作与时间,恢复可继续,重开重置。先不加技能、炸弹、多关和语音。 使用一个 index.html 包含 HTML、CSS、JavaScript,无外部图片、库或服务。确认后优先直接创建或提供 HTML 文件,否则输出从 <!DOCTYPE html> 到 </html> 的完整代码;说明纯文本保存与浏览器打开及检查方法。 打开页面后必须先等待点击“开始游戏”按钮才计时,不能自动开局;结束时显示结算与“重新开始”。点击开始或重开后,键盘马上可用,方向键或空格不要滚动页面。 为方便新手直接确认,建议物品数值:小金块3个各100金币、拉回180像素/秒;中金块2个各250、120像素/秒;大金块1个500、75像素/秒;石头3个各30、60像素/秒;钻石1个400、220像素/秒。总价值1790大于目标1000;重开随机布置且不重叠,游戏区900×600并按窗口缩放。若有不同建议,请解释后等待确认。
我确认上述基础规则。请生成完整 index.html,包含 HTML、CSS、JavaScript,无外部资源、不部署。能提供下载就给完整 HTML 文件;否则返回从 <!DOCTYPE html> 到 </html> 的完整代码,不省略、不只给片段。不要声称已经写入我的电脑。告诉我怎样纯文本保存为 index.html、检查真实扩展名并用浏览器打开;保存与试玩成功后,我会自行复制到 versions/v01-first-playable.html 备份。
按准备清单保存当前 index.html。检查开始、拉回计分、暂停恢复、目标/60秒结束、重开;仅看到代码还没完成保存。
保存为 versions/v01-before-change.html,重新打开确认。
只有片段:请求完整HTML。看到源码:核对真实扩展名与打开方式。页面空白:给AI当前完整文件和具体现象。不要猜它已经写入电脑,也不要覆盖唯一能玩的旧版。
EXPERIMENT · 把想法变成一次小试验
先说一个预测,再动手修改。结果不一样也有收获:你发现了新的问题。
石头拉回速度 → 原来的 120%
其他物品价值和速度、60秒、目标、暂停和结算规则都保留。“我预测石头拉回快一点后,会……”
把自己的猜测写在纸上,别急着看答案。
确认备份能玩,把当前完整 index.html 交给AI;新会话也要提供文件。
依赖:已有可玩基础版并备份。这一轮只将石头拉回速度调为当前的 120%,其他物品价值和速度、60 秒及目标不变。百分比是教学试验值,试玩后再调整。先说明改哪个参数,再修改现有文件,交付完整 index.html;说明前后比较与开始、计分、结束、重开的检查方法。 我会提供当前完整 index.html;如果你尚未收到,请先向我要,不要猜测旧内容。家长先自行复制旧版到 versions/v01-before-change.html,再将你返回的完整 HTML 下载或手工保存为当前 index.html,不另建无关新游戏。修改后说明参数前后值和具体保存路径。
分别打开旧版与新版,抓同类石头,尽量选择接近的距离。说出拉回感受的变化,再检查下方四项。核对没有误开备份或 index (1).html。
先用旧版继续。检查保存位置、文件名和浏览器地址,再描述“我做了什么—实际发生什么—希望怎样”。把当前文件交给AI,只修这一处,返回后重复同一个检查。
留下什么 修改前后两个版本、一句预测,以及实际观察。
REFLECT · 把方法带走
把新版另存为 versions/v02-my-version.html。关闭游戏后,从文件夹重新打开当前版,再检查开始、拉回计分、暂停恢复、结束和重开。
用纸笔或自己的文本文件记录即可。此页面不保存学习记录。
TRY IT SOMEWHERE NEW
看孩子能否自己说明目标、限制与检查办法。改成什么主题没有唯一答案;能换场景解释,比背下一个提示词更值得记录。挑战先说规则即可,完整制作可另约一次。
每次只加一项,先备份;台词、炸弹和角色不是本单元完成前提。
孩子给钻石、黄金、石头、抓空各写一句短句。先只加文字,分别抓取核对台词;重开检查旧提示清除。
依赖:基础版完成并备份。钻石显示“真棒”、黄金“勉强吧”、石头“我真服了”、抓空“呃”,可替换为自己的短句。抓到时显示,拉回不重复触发,抓空在最远处显示;重开清除提示。先只做文字,不加语音,不改计分胜负。交付完整 index.html 并列出四类结果检查。
检查:每类结果有对应文字,不重复触发。
未达到预期时,记录刚做的操作和实际现象,请 AI 修复并返回完整 index.html;修好再做下一步。
先备份,确认接触即爆炸规则。实现后查低余额、碰撞、空钩拉回和重开。先不增加生命或多关。
依赖:完成一关基础版并备份。加入 3 颗炸弹,抓钩接触即爆炸并移除,扣 200 金币,最低 0;空钩拉回不再次扣罚。暂不加生命,不改目标和时间。结束后不再触发,重开恢复初始状态。先复述,确认后交付完整 index.html,列出低余额、一次触发及重开检查。
检查:炸弹只扣一次,金币不为负。
未达到预期时,记录刚做的操作和实际现象,请 AI 修复并返回完整 index.html;修好再做下一步。
基础完成后只讨论四种角色,把技能、次数、秒数和目标写成表。确认后每次只实现一个角色并检查技能后空格出钩。多关生命另作下一轮。
依赖:可玩基础版及备份。本轮先讨论不写代码。为科学家、惯盗、矿工、商人提出瞄准、放弃收获、拉回重物、增加收益的技能。列出使用时机、次数、对象、限制及暂停结束能否用;秒数和目标有歧义先提问。确认后一次只加一个角色,检查技能后继续出钩、计分和重开;不自动增加多关或生命。
检查:角色优势与限制具体,说明与实际操作一致。
未达到预期时,记录刚做的操作和实际现象,请 AI 修复并返回完整 index.html;修好再做下一步。
KNOWLEDGE NOTES
卡片在相关步骤旁也能打开;这里保留完整文字。
事件发生的时机,也是游戏规则的一部分。
教学基础版里,钩子碰到物品后先把它带回来;到达顶部才加金币。同一件物品只能结算一次,抓空不加分。
这套规则由人决定,AI协助写程序,游戏按程序执行;不会因为多玩几局就自己改规则。
钩到石头时加30,拉回顶部又加30,符合规则吗?
不符合。物品被重复结算,而且第一次加分的时机也提前了。分别观察碰到、拉回途中和到达顶部三个时刻。
回到作品:找出一次加金币实际发生的时刻。
写明对象、改动幅度和需要保留的规则。
“快一点”可能指抓钩摆动、出钩或拉回。它们改变的体验不同,需要先说清是哪一段。
只把石头拉回速度改为当前的120%;金块、钻石的价值与速度、60秒、目标和结算规则都保留。
把“暂停后应该正常”改成一句能检查的要求。
例如:点击暂停后时间和抓钩停止,点击恢复后能继续按空格出钩。允许用自己的话表达。
回到作品:写出只改什么,以及至少两条保留条件。
变量记住数值,条件判断是否动作,状态决定现在能做什么。
拉回石头途中点击暂停,再恢复,需要保留什么?
保留同一件石头、当前钩长、金币和剩余时间,接着拉回。不要重新开局,也不能把同一件石头结算两次。
回到作品:指出一个变量,并描述一次状态变化。
聊天里的代码、电脑里的文件、浏览器打开的版本,要对得上。
HTML描述结构,CSS控制外观,JavaScript处理抓钩操作和结算。本例把它们放在一个完整HTML里,不依赖外部资源;先不要求记语法。
my-gold-game/
index.html ← 当前版
versions/
v01-before-change.html ← 旧版
v02-my-version.html ← 新版备份用纯文本保存,核对扩展名;不要把聊天网页另存为作品。刷新前辨认当前文件、备份和重复下载文件。
AI说改好了,打开后石头仍然一样慢,你先检查什么?
先核对是否保存成功、浏览器地址是否指向当前index.html,以及是否刷新了正确标签页;再核对实际修改内容。
回到作品:关闭游戏,从自己的文件夹重新打开一次。
保留原来的全部速度,再增加两成;一次只改变这一个因素。
120%不是“加120”。下载教学版的石头当前速度为72,按120%应为86.4;自己生成的版本以当前文件数值为准,不套用最初讨论的建议值。
其他价值、时间、目标和速度不变,才更容易比较。回程距离相同,拉回会更快;不能把速度增加20%直接说成时间减少20%。
新版一局金币更多,就能断定更好玩吗?
不能。随机摆放、选中物品和操作时机都影响得分。先比较同类石头、接近距离下的拉回感受,多试几次,再讨论是否更合适。
回到作品:先写一句预测,修改后记录实际观察。
新变化出现以后,还要检查原规则和操作顺序。
逐个按钮能点击,不代表连着操作也正常。试“开始 → 出钩 → 拉回中暂停 → 恢复 → 完成拉回 → 再出钩”,核对状态衔接。
“我点恢复后按空格(操作);抓钩没有出发(实际);我希望恢复后能继续出钩(预期)。”
新版失灵先回到能玩的备份。给AI当前完整文件,只修具体问题,再重复同一组操作。
拉回更快,但重开继承了上一局金币,算完成吗?
不算。重新开始应将金币归零、时间恢复60秒并恢复可操作状态;还要检查目标、空钩、重复计分和结束后继续操作的情况。
回到作品:选一组连续操作,亲手回查一次。
真实亲子实践背景由项目发起者确认;过程依据 SweetyProject 历史对话及源码整理。账号内反馈不逐条署名为孩子原话,不推断年龄、个人贡献比例或教学效果。
2026-10-12 已用两个独立AI制作会话从空目录复做基础版,并在电脑浏览器检查开始、计分、结束、重开及一次速度修改。曾遇到自动开局与教程要求不一致,已补明确开始按钮和确认生成回复。这是代理复做记录,不代表所有工具一次生成成功或真实零基础家庭已验收;2026-10-16 补验:Mac 文本编辑手工纯文本保存、实际 .html 文件名、重新打开源码、修改保存与本地 HTTP 刷新已验证。工具安装登录、账号内生成下载、Windows 和本轮直接双击 file:// 打开未验收。进阶未纳入本轮实走。
先讨论抓钩、物品、目标、倒计时与三关。
先确认想玩什么,再开始实现。
润色名称和技能,确认后首版实现四角色三关。
人负责选择,AI 帮助把想法写具体。
最初拉回才扣款,加入生命后改为接触即爆炸。
触发时机改变也会影响原有技能。
生命跨关保留,耗尽失败,重开恢复,扣款最低为 0。
新功能要检查低余额、最后一条生命和重开。
分别调整每关秒数;含糊的 1500 目标没有完成确认。
数值必须说明角色、关卡和总量。
加入五类短句,可选语音默认静音保留文字。
文字正确和实际发声是两项检查。
修复按钮焦点,再连续检查技能与出钩。
逐个按钮能用,还要连着试玩操作顺序。
完成第五站的保存与复盘后,可选上方的进阶步骤;每次只加一项。
不必。先完成五站学习中的基础闭环:试玩、说规则、得到第一版、修改比较、保存与复盘。两条路线任选一条;进阶每次选一项,先备份再改。
检查实际扩展名、纯文本格式、完整代码及代码围栏。用浏览器重新打开;仍失败就把文件、操作和现象交给 AI,请其修复并返回完整文件。
打开 versions 的旧版比较,说明新增了什么、哪里失灵、哪些旧功能要保留。新版需复查开始、计分、结束与重开。
可以。顶部提供原项目完整作品的在线体验和 HTML 下载,教学区另有适合跟做的基础版。两者玩法范围不同;真实教学视频仍待提供。
历史首版已有多角色。本页单角色基础版是新教学拆分,不代表最终成品的全部规则。
第三站的从零路线先请AI复述规则和待确认数值,这是正常结果。确认后复制该路线的确认回复。等完整文件实际出现,再由家长保存并打开;仍只有说明时,请明确要求完整index.html文件或完整代码。
继续同一个制作对话,说清操作、实际结果、希望结果和要保留的规则。如果换到新对话,先上传当前index.html,不只粘贴一句修改要求。
真实亲子实践背景由项目发起者确认;过程依据 SweetyProject 历史对话及源码整理。账号内反馈不逐条署名为孩子原话,不推断年龄、个人贡献比例或教学效果。
本页完整作品体验和下载来自 SweetyProject 原项目完整快照;教学区下载为另行复做的基础版,两者用途不同。网页预览另做屏幕与旋转适配,完整玩法与下载文件保留。封面为设计插画,不表示实际游戏画面。时长与真实家庭体验未实测。国内工具教程待实测;已有 Codex 复做记录仅验证对应文件制作路径。
由家长安装、登录自己的可用账号并核对年龄与地区条件;本案例不要求孩子另开账号。以家长账号内当前费用与可用额度为准;本文不承诺免费生成。
历史 Codex 复做工具资料(非国内主线) ↗内容版本 1.3 · 更新 2026-10-19 · 教学视频待提供
分享你的尝试、遇到的问题,或者只是聊聊你的想法。
无需加微信,也能查看全部内容。