lehh

为什么做

市面上的儿童英语 App 大多是闪卡和点读，孩子点几下就走神。我想试试另一种路径：把单词变成可以「合成」的零件，让孩子在拖拽过程中把字母和音节的关系内化下来。

怎么实现

• 用 Framer Motion 做拖拽和合成动画，物理感比 CSS transition 强一个量级
• Next.js 16 的 App Router + Cache Components，关卡数据走静态生成
• 音频用 Web Audio API 而不是 <audio>，能精确触发音节高亮

学到了什么

孩子对「失败」的反馈比对「成功」更敏感。早期版本拖错位置直接 shake + 红色提示，测试时孩子第二次就不玩了。改成「零件温柔地飘回原位 + 没有任何负面反馈」之后留存翻倍。

设计要服从用户的情绪曲线，不是技术上的「正确」。