跳到主内容
芝麻园地
EN
← 返回博客
#古诗魔法师#儿童教育#游戏设计#AI 协作编程

把《静夜思》做成一束月光:一次古诗互动游戏的重做

《江南》为什么好玩,《静夜思》初版为什么差一点?我们重做了月夜舞台,让请月光入室、辨认霜影、举头望月、低头思乡成为一段连续体验。

芝麻园地 4 分钟

我们做过两首古诗互动剧:《江南》和《静夜思》。前者从零开始,孩子在一片莲塘里采莲、找鱼、辨认东南西北;后者是在已有游戏上优化的,有四幕剧情、语音、答题和诗句进度,却总觉得差一口气。

问题出在哪?不是《静夜思》的功能少。恰恰相反,它有不少功能,但玩家的注意力被任务卡、按钮、答题框和四套画面分开了。第一幕点窗户,第三幕点人物和月亮,第四幕收集回忆卡片:每一步都能完成,却不太像在经历同一个夜晚。

我们决定不再给旧舞台补特效,而是重新设计四句诗之间的关系。

一间客房,一轮明月

新版只用一间异乡客房作为舞台。床在左边,窗外有远山,地面留给月光。少年李白始终在房间里;前一幕出现的月亮和光束,会留到下一幕。

月光从窗外进入客房,落在床前;诗句进度和任务提示位于画面边缘

这样做的理由很简单:《静夜思》不是四道互不相干的题,而是同一束月光引出的一连串感受。 先看见光,误以为是霜,再抬头望月,最后想起故乡。画面应该和诗一样,一步接一步。

四幕动作,怎样对应四句诗

诗句 孩子做什么 画面怎样回应
床前明月光 轻点窗边,请月光进屋 月亮出现,光照到床前
疑是地上霜 轻点地上的银白光,再判断是霜还是月光 光斑泛起涟漪,答对后点亮诗句
举头望明月 先点李白让他抬头,再沿着视线点月亮 人物抬头,目光与明月连起来
低头思故乡 找到窗外亮灯的家,再点李白 家灯、明月与人物短暂连成一线,李白低头

第四幕改动最大。旧版要从三张回忆卡片里依次找出远山、家门和亲人。新版把“家”放回窗外的远山中:同一轮月亮既照着客房,也照着远方的灯火。孩子找到那盏灯,再回到李白身上完成“低头”。思乡不再只是收集三个符号,而是一个从眼前走向远方、再回到心里的动作。

第四幕:窗外亮起家灯,李白站在月光旁,等待孩子完成“低头思故乡”

画面是主入口,提示只是帮手

新版的月亮、地上光斑、人物和家灯都能直接点击。提示跟随当前目标出现,底部任务卡仍保留“辅助操作”,方便看不清目标或不便精确点击的玩家;但它不再抢走场景的主角位置。

“疑是地上霜”的小判断题也保留了。这里的题目服务于诗义:“疑”是以为、不确定,李白看到的是像霜一样白的月光。孩子先触摸画面中的白光,再回答问题,比突然弹出一道题更自然。

实现上,我们保留 Phaser 的游戏状态、动画和存档,用新的夜室插画与独立角色素材搭起连续场景;诗句、声音开关和讲解仍由页面层负责。桌面与手机分别计算人物、窗、光斑和家灯的位置。完整四幕、答错后的反馈、结算和三颗星存档都经过浏览器测试。

这次学到的事

最初我们把“优化已有游戏”理解成修补已有实现:哪里不好用,就补提示;哪里不够热闹,就补效果。这样能让功能更完整,却不一定能让体验更好。

这次真正有用的变化,是先问一个设计问题:孩子能否用自己的动作,把四句诗连成一个完整的感受? 对《静夜思》来说,答案是一束从窗外照进来、又把思绪带回故乡的月光。

现在可以去亲自玩一遍新版《静夜思》。如果你更喜欢明亮热闹的场景,也欢迎接着试试《江南》莲叶鱼戏。