探字星球
AI 把每个汉字变成一颗会讲故事的星球，让 3-8 岁孩子在星际探险中自然识字。
专为 3-8 岁儿童设计的汉字学习产品，由作者独立完成从需求拆解、原型设计到开发落地的全流程，并负责持续迭代与内容运营。产品覆盖 H5 / 微信小程序 / Android APK 三种形态，100% 基于 TRAE Work Auto 模式协作开发。
多端体验入口
抖音视频
扫描下方二维码，观看「探字星球」各功能的抖音演示视频。
产品截图
首页与 3D 星球地图
汉字学习与书写
汉字游戏
复习与成就
积分商店与个人中心
墨水屏模式
核心功能
3D 星球地图
Three.js + GLSL 着色器渲染 6 颗主题星球，点击进入分类学习，支持手势旋转缩放，渐进式解锁探索。笔顺动画 + 描红评分
基于 hanzi-writer 引擎，米字格描红，按笔画路径匹配实时打分（0-100 分），写错即时动画纠正。字源演变
甲骨文 → 金文 → 小篆 → 隶书 → 楷书五阶段文化之旅，配合互动问答与字源故事。3 款汉字游戏
象形配对 / 拼图闯关 / 汉字消消乐，道具与星级评分，游戏化激励学习。复习系统
基于艾宾浩斯遗忘曲线（1/3/7/15/30 天），三步骤认读 → 书写 → 字源，自动推送薄弱字 Top10。成就系统
30 枚徽章 + 1-10 级等级成长体系，学习行为即时反馈。积分商店
学习行为产出积分，家长可自定义奖励，形成正向激励闭环。墨水屏模式
黑白灰护眼省电，移除动画与 3D 渲染，浅底深字电子纸质感；支持手动开关与安卓系统灰度自动切换。数据规模
| 指标 | 数值 |
|---|---|
| 精选汉字 | 500 |
| 分类 | 6 大分类 × 24 子分类 |
| 3D 星球 | 6 颗 |
| 汉字游戏 | 3 款 × 24 关 |
| 徽章 | 30 枚 |
| 等级 | 1-10 级 |
| 护眼模式 | 墨水屏（黑白灰） |
TRAE 开发历程
本项目 100% 基于 TRAE Work Auto 模式协作开发：约 2 周、50+ 对话 Session、8 期 124 个可执行 TODO，从 0 到 1 落地 23 个页面。
开发阶段概览
Phase 0: 基础架构搭建（Vue 3 + Vite + Pinia + 路由 + 样式系统）
Phase 1: 数据层建设（500 汉字 JSON + 6 分类 + 星球配置 + CDN 策略）
Phase 2: 核心页面开发（首页 + 汉字列表 + 详情 + 书写 + 星球地图）
Phase 3: 关键模块攻坚（Hanzi Writer 集成 + Three.js 3D 星系 + 字源演变）
Phase 4: 复习与成就系统（艾宾浩斯遗忘曲线 + 徽章 + 等级 + 积分商店）
Phase 5: 文档治理与质量收敛（设计系统 / Schema / 验收标准 / 任务矩阵）
Phase 6: 部署上线（Vercel 部署 + 域名绑定 + 微信小程序 WebView 封装）
Phase 7: 成就系统完善（经验 + 积分规则优化 + 徽章墙）
Phase 8: 积分商店完善（家长自定义）
Phase 9: 复习系统完善三大技术坑
- Hanzi Writer 版本兼容：2.2.2 使用私有 API（
_withData、_character.strokes），3.x 已移除；通过 TRAE 协作找到正确升级路径，改用onLoadCharDataSuccess回调 + 公开 API。 - CDN 跨域与回退：jsDelivr 在大陆偶发 302 重定向导致连接失败；设计三源三级回退策略（cnb → gitee → jsdelivr）+ LRU 缓存（容量 30 字），确保弱网环境可用。
- Three.js 与移动端手势冲突：OrbitControls 旋转缩放与页面滚动冲突；通过
pointer-events精确控制，在星球弹窗打开时禁用背景滚动。
技术栈
| 类别 | 技术 |
|---|---|
| 框架 | Vue 3 (Composition API) + Pinia |
| 构建 | Vite 5.1 |
| 路由 | Vue Router 4.6 |
| UI 组件 | TDesign Mobile Vue 1.15 |
| 样式 | SCSS（完整设计令牌体系） |
| 3D 渲染 | Three.js 0.160 + GLSL 着色器 |
| 汉字书写 | Hanzi Writer 3.7 |
| CDN | 三源三级回退（cnb → gitee → jsdelivr） |
| 数据 | 纯 JSON 静态数据 + localStorage（零后端依赖） |
| 部署 | Vercel（自定义域名 tzxq.e8so.com） |
产品宪法：完全免费、永久零广告。