只给孩子 10 秒,一个按钮终于变成了游戏

作者:浩哥AI实验室

前两课里,我们做出了一个网页,又让按钮可以点击得分。

但我一直觉得,它还不是一个真正的游戏。

因为只要你愿意,就可以一直点下去。没有压力,没有结束,也没有“这一局我到底表现得怎么样”。

所以第三课,我只加了一条规则:

只给你 10 秒。

没想到,倒计时一出现,前面那个普普通通的按钮,真的有了一点游戏的味道。

课程地址:只给你 10 秒

只给你 10 秒

为什么只加一个倒计时,感觉就不一样了?

点击还是那个点击。

分数还是从 0 开始向上增加。

但当屏幕上的时间从 10、9、8 一路变到 0,玩家会立刻感到:

我正在完成一局挑战。

这是规则的力量。

它不一定需要很复杂。有时候,只要告诉玩家“你只有多少时间”,一个功能就会变成一个目标。

10 秒点击挑战可以直接修改和运行

在课程页里,孩子可以直接开始挑战,也可以把代码中的 10 改成 15。

再运行一次,游戏时长就真的变了。

这种感觉很重要:

我改的不是一道练习题里的答案,而是一个作品里的规则。

一局游戏,其实有四个时刻

这一课表面上学的是倒计时,但我更想让孩子看到的,是一局游戏的完整生命周期。

第一个时刻是等待。

游戏还没有开始,得分按钮不能使用。

第二个时刻是开始。

分数回到 0,时间回到 10,所有东西重新准备好。

第三个时刻是进行。

时间每秒变少,每次点击都会改变分数。

第四个时刻是结束。

计时必须真的停下,按钮不能再加分,最终结果被保留在屏幕上。

一局游戏的四个时刻

这四个时刻,就是程序的不同状态。

孩子以后做贪吃蛇、跑酷、翻牌或闯关游戏,会不断遇到同样的问题:

现在是在等待,还是正在游戏?

什么条件会让它结束?

重新开始时,哪些数据必须重置?

如果你也关心孩子怎样从“会点”走向“会设计规则”,可以关注“浩哥AI实验室”。我会继续把这套公开课程一步步做下去。

AI 时代,为什么还要亲手改这几行代码?

如果只想得到一个 10 秒倒计时游戏,AI 几秒钟就能写出来。

但学习的价值,不只是拿到成品。

当孩子亲手把 10 改成 15,把每次加 1 分改成加 2 分,再设计一个“达到 30 分就胜利”的判断,他正在练习三件事:

把想法变成清楚的规则。

预测修改会带来什么结果。

运行它,再用现象验证自己是否想对了。

这些才是代码在 AI 时代依然值得动手写的原因。

第三课已经可以直接在浏览器里修改和运行:https://howie.wang/WHSK/103/03/

公众号和视频号“浩哥AI实验室”继续分享 AI 工具、课程和真实实验;家庭教育与孩子成长方向也会同步到视频号“浩哥AI实验室·成长研究”。公众号微信号:de8ug-vip。