Grade2Learning 是一个 Minecraft 风格的家庭自用二年级学习网页游戏。应用内名称为“薯条的世界”,面向薯条的小学二年级下学期学习场景,把语文、数学、英语、科学测验包装成探索地图、遇怪答题、开宝箱领奖励的游戏流程。
说明:当前版本使用了 Minecraft 官方视觉资源,适合家庭自用、私有部署、私有仓库保存。如果后续要公开发布、公开仓库展示、上架或分享给其他家庭,需要替换为原创或已授权资产。
npm install
npm run dev打开:
http://localhost:5173/
不要直接用 file:// 打开 index.html,Vite/React 需要本地开发服务加载模块和资源。
- 世界地图:首页是方块世界地图,四门学科分别是语文之林、数学矿洞、英语村庄、科学实验室。
- 知识测验:点击任意学科区域直接进入当前轮测验。每科 100 轮,每轮 9 道题。
- 去重题库:语文、数学、英语、科学各 1080 道题,前 900 道覆盖 100 轮,题目编号、题干和每轮第一题均不重复。
- 题型覆盖:支持选择、填空、判断、阅读理解、Odd one out、Read and write、Reading 等题型。
- 重点题型:语文覆盖拼音、看字选拼音、短文阅读、语境词义;数学覆盖时间计算、图示表达、分组规律、图算结合应用题、逻辑提升;英语按私立学校水平设计,重点包含 odd one out、read and write、单复数、首字母大小写、阅读推理和词汇分类;科学覆盖观察、证据推理、材料、植物、水变化、磁铁、光影和红石实验。
- 战斗式答题:角色持钻石剑在场景中移动,遇到不同怪物弹出题目;答对掉落并自动打开宝箱;每轮最后一题是 Boss 战。
- 实时奖励:每题答对后积分和时长券实时更新,最后结算本轮成绩。
- 错题本:答错自动进入错题本,展示正确答案、详细解析、常见错误原因,支持再次巩固。
- 进度记忆:每次作答都会保存当前题号、答案和 Boss 状态,离开或刷新后再次进入会回到最近作答题。
- 学习报告:展示测验记录、正确率、错题情况和学习建议。
- 奖励兑换:积分、时长券和奖品商城可由家长配置,兑换会即时扣减对应积分和时长券。
- 家长中心:进入和关键操作需要密码
123654;家长可配置积分规则、时长券规则、奖品库存,并可在每月兑换后把已有进度重置为 0。
- React
- TypeScript
- Vite
- CSS 动画与像素风 UI
- LocalStorage 本地进度存储
- Service Worker / Web App Manifest 基础离线能力
npm run build构建产物会输出到 dist/。
src/ 应用源码
public/assets/ 地图、角色、怪物、HUD 和导航图标资源
public/sw.js 离线缓存脚本
public/manifest.webmanifest
学习进度、积分、时长券、错题本、家长设置等数据保存在浏览器 LocalStorage 中。更换设备或清理浏览器数据后,本地记录会丢失;如果后续要多人或多设备同步,需要接入后端存储。
