今天在整理资料时，偶然翻到一份关于“圆的关系”的课前小练试卷。题目无非是已知半径求直径、已知周长求面积……都是基础的公式运用，但密密麻麻的印刷体却让我恍惚回到学生时代——那时的练习，只有纸和笔，做对了画个勾，做错了打个叉，少了些趣味。
恰巧，昨天刚和同事们聊起如何用技术让教育更有互动性。一个念头突然冒出来：为什么不把这份试卷做成一个轻量的小程序呢？ 说干就干，我打开了“飞象老师”网站——一个能快速搭建交互式教学页面的工具。
五次修改，从粗糙到精致
第一次尝试，我只是简单地把题目搬上网页：一道题，一个输入框，一个“提交”按钮。能运行，但毫无美感。
第二次，我加入了关卡和得分系统，让练习有了“闯关”的感觉。
第三次，我画了一个圆，并且让题目中的半径、直径、周长、面积能实时在图上高亮显示——半径画一条线，直径画一条贯穿的线，周长加粗描边，面积则用半透明的橙色填充。数学可视化，瞬间让抽象的概念变得直观。
第四次，我加上了音效和动画：答对了卡片会“弹”一下，答错了会微微晃动，结算时星星一颗颗跳出来。小朋友一定会喜欢这种即时反馈。
第五次，我调整了数值范围和题目类型，让题目更有层次：第一关是简单的半径直径互换，第二关引入周长，第三关加入面积和逆运算。
就这样，一个原本静态的试卷，变成了一个包含三关、每关五题、可交互、可反馈的“圆的关系课前小练”。
成果长什么样？
打开页面，首先是一个可爱的插画引导页：“准备好挑战了吗？π 取 3.14 哦！”点击“开始练习”，就进入了游戏主界面。
左边是题目区和圆的可视化图——根据题型，圆上会标注半径、直径、周长或面积。右边是输入区，你可以直接敲数字，按回车或点击“提交答案”。答对得20分，卡片会开心地跳一下；答错会显示正确答案，卡片轻轻一晃。每过一关会有短暂的庆祝，完成三关后，会按正确率给出1到3颗星星。
整个界面用了毛玻璃效果，配色是温暖的橙色系，圆角和阴影都透着一点“玩具感”，但又不失清爽。
为了增加挑战性，我特意把半径数值扩大到了小数（比如1.2、3.5、12），避免全是整数，让计算不再单调。当然，所有结果都保留两位小数，符合 π≈3.14 的约定。
一点小感悟
从一张纸质的试卷，到可交互的网页小练，整个过程不过几个小时。但就是这几个小时，让我再次感受到技术的温度——它能让枯燥的练习变成一场游戏，让“刷题”不再面目可憎，让学习在不知不觉中发生。
如果你也想为自己的课堂、孩子，或者某个知识点做一个这样的小练习，不妨试试“飞象老师”这类工具。你不需要懂太多代码，只要有一点想法，加上几次修改，就能把一个创意变成可用的作品。
最后，我把这个小练放到了线上，欢迎你来玩一玩（点击文末“阅读原文”即可体验）。如果你有什么想做的练习，也欢迎留言告诉我，也许下次我做的，就是你出的题呢？
附：小练（https://musk-online.fbcontent.cn/pub-musk-ai-studio/workflow/file/document/4bszXxmR6pCNxHJKpdXLGU.html）
小提示： 打开后记得开声音，答对时的音效真的很解压 😄
