拼图闯关 (stroke-puzzle)
- 文件:
web/src/pages/game-menu/stroke-puzzle.vue - 路由:
/stroke-puzzle
页面职责
笔画拼图游戏页面,将汉字的笔画拆解为拼块,用户拖放拼块到正确位置完成汉字拼图。
使用的 Store
useGameStore:游戏关卡配置、进度、道具管理useUserStore:用户积分、EXP 奖励
核心功能
关卡选择
- 使用
LevelSelect组件展示关卡列表 - 每关包含多个汉字,逐字完成拼图
游戏核心机制
- 笔画拼块:每个汉字拆解为多个笔画拼块(jigsaw 形状)
- 5 次容错:错误达到 5 次游戏失败
- 拼块托盘:底部水平滚动展示所有待放置拼块
- 点击拼块选中,再点击目标位置放置
- 拼块放置正确后锁定,放置错误算一次错误
进度记忆
- 支持中途退出,下次进入该关时从上次进度继续
- 已完成的汉字跳过,未完成的汉字从第一个未放置拼块开始
提示道具
- 提示按钮:自动放置一个正确拼块(-5 分)
结算
- 通关:根据错误次数和用时计算星级和积分奖励
- 失败:可重试