为孩子做了一个认识钟表的小程序

6 月 16 日
 17Tang

家有一年级小学生,数学学到「认识钟表」这块。

一开始想,不就是看个时间吗?结果自己教了两天就破防了——时针分针同时转,孩子根本理解不了「为什么分针走一圈,时针才走一格」。讲了三遍,娃看着我一脸迷茫。

搜了一圈,发现教这个的工具要么是付费,要么交互太复杂。于是花了一个周末自己搞了一个。

几个功能点:

1.认识钟表:钟面、时针、分针,带语音讲解和动态联动演示

2.时间认读:整点→半点→几时几分,循序渐进

3.时间挑战:翻翻卡 + 趣味问答,像小游戏

4.我的一天:时间和日常作息绑定

技术栈很简单,就是微信小程序 + Canvas 绘图,指针动画自己算的弧度。最难的是钟表这个物理模型——指针转动是联动的,分针动 1 格时针要按比例动 1/12 格,小学数学题做成了坐标系计算。

分享给有同样需求的家长。

微信搜:儿童认识钟表和时间

1371 次点击
所在节点    分享创造
2 条回复
barantt01
6 月 17 日
请教一下你这个 UI 是怎么设计 和实现的,感觉很精美。
17Tang
6 月 17 日
@barantt01 自己画的设计稿,插图用 AI 绘制的

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1220820

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX