Skip to content

象形配对 (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"

结算

  • 通关:根据用时和错误次数计算星级和积分奖励
  • 失败:显示失败原因(超时/错误过多),可重试