Skip to content

拼图闯关 (stroke-puzzle)

  • 文件:web/src/pages/game-menu/stroke-puzzle.vue
  • 路由:/stroke-puzzle

页面职责

笔画拼图游戏页面,将汉字的笔画拆解为拼块,用户拖放拼块到正确位置完成汉字拼图。

使用的 Store

  • useGameStore:游戏关卡配置、进度、道具管理
  • useUserStore:用户积分、EXP 奖励

核心功能

关卡选择

  • 使用 LevelSelect 组件展示关卡列表
  • 每关包含多个汉字,逐字完成拼图

游戏核心机制

  • 笔画拼块:每个汉字拆解为多个笔画拼块(jigsaw 形状)
  • 5 次容错:错误达到 5 次游戏失败
  • 拼块托盘:底部水平滚动展示所有待放置拼块
  • 点击拼块选中,再点击目标位置放置
  • 拼块放置正确后锁定,放置错误算一次错误

进度记忆

  • 支持中途退出,下次进入该关时从上次进度继续
  • 已完成的汉字跳过,未完成的汉字从第一个未放置拼块开始

提示道具

  • 提示按钮:自动放置一个正确拼块(-5 分)

结算

  • 通关:根据错误次数和用时计算星级和积分奖励
  • 失败:可重试