ARTICLE · 1325690
AI应用|我用hark仿做了一款最近很火的「拼音知识大闯关」游戏

昨天刷到不坑老师做的「拼音守护家园」游戏,小怪兽举着汉字走向家园,孩子点能量块拼出拼音,拼对了炮台开火。画面可爱,玩法也正卡在一年级的痛点上。
我想给孩子也弄一个。
原版要微信登录才能玩,我没法把完整游戏拆开看。干脆把链接丢给 Hark,一个 AI 编程助手,让它照着做。它当开发,我当提需求的甲方,一来一回,就有了后面五个版本。
如果你也教一年级,或者家里有个正被 j、q、x 和 ü 绕晕的孩子,这篇过程记录也许能给你一点参考。
01
一张截图起的头
Hark 打开链接,卡在微信登录,只能看到一句简介,守护家园式闯关。
我把不坑老师的界面截图发过去,让它自己理解。它看明白了,小怪兽举着汉字慢慢走来,孩子点能量块拼出拼音,拼对就开炮。
第一版很快做出来。一个离线的 HTML 文件,不用联网,双击就能玩。首页三张卡片,拼音综合、三拼音节、ü 的小秘密,节奏按一年级放慢。粉色声母、蓝色介母、青色带调韵母,孩子按顺序点,装进能量槽。

▲ 游戏首页,三张卡片对应三种玩法
细节上它想得挺周到。点怪兽可以听读音,连错两次直接给出答案,不让任何一只怪兽把孩子逼哭。
02
一个 ü 引出的讨论
第二版是被我的一个疑问触发的。
「居」这个字,拼的时候孩子该点 ü 还是点 u。游戏里要求点 ü,我拿不准,这和书写规则长得不一样。
Hark 的回答让我挺意外。
按课本拼读,选 ü 是对的。j、q、x、y 和 ü 相拼,读音还是 ü,写成音节才去掉两点。n、l 后面的两点不能丢。
它还留了个缓冲,选 u 不扣分,只提示「这是小 ü」,n、l 后面选 u 才算错。孩子试错有台阶,规则也不含糊。
不过有个隐患。拼对之后,能量槽里显示的还是 ǖ,孩子可能误以为「居」要写成 jǖ。这正是一年级最容易混的地方,嘴上读一套,本子上写一套。
Hark 给的解法是加一段动画。拼对 j、q、x、y 的字后,韵母框先发光,弹出「ü 见 j,去两点!」,两个红点飞走,能量槽变成 jū,提示「写作 jū,读音还是 ü」,然后开炮。怪兽会停下来,等动画播完再走。
拼读选 ü,书写去两点,一段动画把两套规则掰开揉碎。
03
给 141 个字配上声音
第三版解决读音。
题库一共 141 个字,原来用的是系统合成音,有的生硬,有的不带声调。「发」「曲」「地」「不」这类多音字,机器还经常读偏。
Hark 建议用 MiniMax 逐字配音,每个字按题库拼音锁定声调,配好再嵌回文件。体积多了约 1MB,仍然是离线单文件,教室里断网也能放。
背景音乐是代码现场合成的欢快小循环,不占体积,也没有版权问题。首页和游戏右上角有个音符按钮,随时开关,读字的时候音乐会自动压低,不抢戏。
04
怪兽要可爱,出怪要讲理
第四版改两件事。
一是出怪的逻辑。原来一只怪兽被消灭,下一只才出场,这不合理,怪兽又不排队。改成定时出怪,第一波大约每 12 秒来一只,不管前面的打没打掉,场上最多 3 只,等级越高来得越快。场上打空了,下一只马上补位。
有压迫感,才像守护家园。
二是怪兽的颜值。原来的怪兽有点丑,我让它照着原版重画。新怪兽有五种,蓝角怪、紫毛球、粉云朵,圆滚滚,大亮眼,红脸蛋,小爪子抱着字牌。

▲ 桌面版战斗画面,小怪兽抱着字牌走来
孩子打的是怪兽,但没有孩子会怕这种怪兽。
05
手机横过来,战场大一倍
功能都齐了,我把它部署到飞象老师,生成一个网页链接。手机一打开,傻眼了。竖版,战场挤成一条缝。
屏幕竖着,游戏横着,中间差一个旋转。
Hark 的方案是,手机竖着拿时,整个游戏自动转成横屏画面,孩子把手机向左一横,画面就是正的。横屏下按钮和能量块压成一行,战场大了不少。安卓上点全屏按钮,还会尝试锁定横屏。平板和希沃大屏不受影响,跟桌面版一样。

▲ 手机竖屏打开,自动转成横屏画面
五个版本,一张表看完。
回头看这五个版本,我几乎没写一行代码。
我做的其实只有三件事,把想要的说清楚,把不顺眼的地方指出来,在孩子会卡住的地方替它做判断。
ü 那段动画就是例子。AI 不知道一年级孩子会在 jū 和 jǖ 之间犯迷糊,教过拼音的老师都知道。
工具的门槛塌下去了,剩下的门槛是懂孩子。
最后这套东西就是一个 HTML 文件,电脑、平板、手机浏览器直接打开就能玩,投到希沃上也不用联网。给孩子玩之前,记得把音量打开。
点击下方阅读原文体验。
!!!如果你想用hark,可以点击下方链接注册使用:
https://hark.com/r/7KDF2E















































































