首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Hy3发布并限时免费,我干脆用它做了个免费练字小程序

Hy3发布并限时免费,我干脆用它做了个免费练字小程序

作者头像
专业造轮子
发布2026-07-08 14:13:41
发布2026-07-08 14:13:41
240
举报

最近暑假到了,前几天有个亲戚在家里的群里说,小孩现在写字经常笔顺写不对,问有没有什么办法能够纠正

看到这个消息,这应该不难吧,应该有很多软件才对

结果,我就去搜了一些软件下载试了一下,发现事情没有这么简单

要不功能太复杂,很难上手

要么就是只开放几十个字,其他的字要收费的

我寻思着我一个程序员还能被这个难住了?

于是我就决定自己做一个

与AI结对编程

我打开workbuddy,正好Hy3昨天出来了,限时免费,天赐良机啊。

开始跟他对话,我没有让他直接写代码。

我先让他调研了一下,练字的笔顺有没有成熟的方案,他给我找到一个hanzi-writer的开源项目

这个项目有成熟的笔顺演示和描红功能,我打算把这个项目做成一个小程序

有了基础方案之后,我就想产品怎么设。

我想着亲戚的小孩还是在读小学,我打算把汉字按照年级做拆分,然后每个年级的重点是不一样的,从容易到困难,比较容易上手

方案敲定之后,就开始让workbuddy干活

workbuddy开发小程序有个好处,就是它有一个微信开发的专家,写小程序的代码会更好一点

不到十几分钟,就做了一个demo出来

不过,这个demo,是用cdn的方案,但是我的小程序打算做一个纯前端方案,所以只能慢慢跟他聊

最终,经过跟workbuddy的多次沟通

终于把小程序的前端方案给做出来了,整个过程大概花了一天的时间

这个主要是因为细节的地方,AI还是不够聪明。

比如汉字的演示和描红,都是需要我跟他沟通有这些功能才慢慢加上。

成品大概长这样

现在这个小程序,除了练字之外,还有我的一些笔记。我也发到群里让亲戚体验了

为了让亲戚快速找到练字的入口,我在首页轮播卡片加了每个年级的轮播

同时在底部,也特意加了一个练字的入口。

进入练习页之后,可以看到一到六年级的汉字卡片了,其中五年级和六年级我放到一起了。

页面顶部会记录练习的进度。注意这些数据,都是保存在前端本地,没有服务端数据。

点击练习,会从当前练习的位置开始第一个汉字开始,也可以点击某个汉字,就可以进入到练习页面。

练习页,主要有三个功能

首先是笔顺演示,点击之后,会有一个动画演示这个汉字的笔顺

第二个是描红,就是在这个汉字的笔顺演示之后,用户可以跟着描红练习

最后一个是下一个,用户可以点击下一个,进入到下一个汉字的练习。这个功能是在分享给亲戚之后,亲戚提出的意见,我就让AI加上了。

关于汉字数据

汉字的年级划分,是让AI划分的,可能有些不是很准确。

但是总体来说应该是从容易到难,总共覆盖3000个基本汉字左右,能覆盖到所有的年级

后面有时间,我会持续优化迭代,比如加上语音功能。

这个也是亲戚提出的意见,因为很多小孩其实是爷爷奶奶在家带的,都不是很会标准的读音

如果你也有小孩遇到笔顺写不对的问题,可以用这个小程序体验一下

欢迎大家提意见,我会持续优化

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2026-07-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 专业造轮子 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 与AI结对编程
  • 成品大概长这样
  • 关于汉字数据
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档