象形配对 (pictograph-match)
- 文件:
web/src/pages/game-menu/pictograph-match.vue - 路由:
/pictograph-match
页面职责
象形配对游戏页面,通过将古文字(甲骨文/金文/篆书)与现代汉字进行配对,帮助孩子理解汉字演变过程。
使用的 Store
useGameStore:游戏关卡配置、进度、道具管理useUserStore:用户积分、EXP 奖励
核心功能
关卡选择
- 使用
LevelSelect组件展示关卡列表 - 每关 30 个关卡定义,支持已解锁/已完成/锁定状态
- 前一关通关后自动解锁下一关
游戏核心机制
- 60 秒限时:每关限时 60 秒,超时失败
- 3 次容错:错误达到 3 次游戏失败
- 双栏配对:左侧显示古文字(带字源图片),右侧显示现代汉字
- 点击左侧古文字选中,再点击右侧汉字完成配对
- 配对成功:古文字位置替换为现代汉字,两侧同时标记为已匹配
字源图片
- 古文字展示优先使用字源 SVG 图片
- 图片加载失败时回退显示汉字文字
- 显示古文字类型标签(甲骨文/金文/篆书等)
道具系统
- 提示(1次):高亮显示一对未匹配的古文字和汉字
连击系统
- 连续正确配对触发连击(combo),显示"🔥连击 ×N"
结算
- 通关:根据用时和错误次数计算星级和积分奖励
- 失败:显示失败原因(超时/错误过多),可重试