企业官网建设流程全解析

ChinaTextbookStudyFree是一个免费开源的中国小学全科学习平台（语文、数学、英语、科学，一年级到六年级）。它把"坚持学习"变成了一件好玩的事：连对题目触发连击，每天学习积累连胜，再用赚到的宝石为熊猫吉祥物解锁新装扮。下面用 6 个机制拆解它的设计，也顺带告诉你这些机制藏在哪里。

机制一：连击——答对就有"爽感"

在课程中连续答对，会触发屏幕中央的火焰徽章动画：三连、五连、十连各有一次大庆祝，还配有音效和语音播报。进度条也会随连击越来越高而"跳动"更明显，给孩子正向刺激。

• 连击徽章动画：ComboOverlay.tsx
• 连击与音效逻辑：LessonRunner.tsx

答错会清零连击并扣一颗红心，但错题会进入复习，不会"一次答错全盘皆输"。

机制二：连胜——每天回来学一点

每完成学习，连胜天数 +1。连胜达到 3 / 7 / 14 / 30 / 60 / 100 天时，分别奖励 30 / 80 / 150 / 300 / 500 / 800 颗宝石（每档只发一次）。更贴心的是三套"防断签"设计：

这些经济参数集中在 packages/core/src/economy.ts，Web 与 iOS 双端引用同一套常量，保证体验一致。

机制三：红心——答错的"安全垫"

课程里共有5 颗红心，答错扣 1 颗；红心每 5 分钟自然回复 1 颗，也可以 350 宝石补满，或通过一轮错题复习（答对至少 5 题）赚回 1 颗心。红心的作用不是惩罚，而是控制节奏——让孩子"慢慢练"，而不是一错到底。

相关实现见 LessonRunner.tsx 中的断心遮罩与恢复逻辑，规则常量定义在 economy.ts。

机制四：每日任务——小目标驱动大习惯

每天有3 条固定任务（如"获得 60 点经验""读完 2 篇课文或故事""完成 2 节小课"），全部完成可领取宝石奖励；本地午夜自动换题，页面显示"距刷新还有 N 小时"的倒计时。任务把"今天要学什么"变得具体可量，是养成每日习惯的关键。

• 任务组件（桌面与移动端复用）：DailyQuestsPanel.tsx
• 任务生成规则：apps/web/src/store/progress.ts

机制五：每周联赛——单机也能有"竞争感"

完成 10 节课后解锁每周排行榜：孩子与 15 位"影子同学"（确定性 bot）组成 16 人周榜，周日 0 点结算，按排名领取宝石，还有 6 个段位与晋级/降级线。整个过程纯单机、无需联网匹配，既保留竞争感，又不给孩子真实社交压力。

排行榜页面：apps/web/src/app/league/page.tsx，bot 与榜单算法来自@cstf/core的 packages/core/src。

机制六：宝石衣橱——学习成果的"实体化"

所有宝石最终都能花出去。聪聪衣橱用宝石解锁吉祥物皮肤、界面主题和课堂背景：从 80 宝石的圆框眼镜，到 500 宝石的传说款宇航员头盔。项目明确是纯公益设计——所有道具都能靠学习赚到的宝石解锁，没有充值专属。看到自己的学习成果变成"新皮肤"，是让孩子愿意一直学下去的最强正反馈。

衣橱商店：apps/web/src/app/shop/page.tsx，装扮目录见 apps/web/src/lib/cosmetics.ts。

写在最后：公益项目如何"玩"而不"氪"

ChinaTextbookStudyFree 的 6 大游戏化机制可以这样总结：

1. 连击→ 即时满足
2. 连胜 + 护盾→ 长期坚持
3. 红心→ 容错与节奏
4. 每日任务→ 习惯养成
5. 联赛→ 良性竞争
6. 宝石衣橱→ 成果可视化

它们共享同一套经济系统（XP、宝石、红心、护盾），规则全部沉淀在 packages/core/src/economy.ts 中，保证网页版和 iOS 版行为完全一致。项目免费、开源、无广告，学习记录保存在本地——想要更多细节，可以看看根目录的 README.md 与 docs/android.md。

让坚持变成乐趣，这就是游戏化学习平台想给每一个孩子、无论身处城市还是乡村的礼物。🐼✨