HarmonyOS应用开发实战:猫猫大作战-@State 得分与状态管理

HarmonyOS应用开发实战:猫猫大作战-@State 得分与状态管理
前言在「猫猫大作战」中猫咪等级提升是合并进化的结果三只同级猫合并为一只高级猫。等级从 1小猫到 6传奇猫共六级。一、等级提升// 合并升级逻辑privateupgradeCat(x:number,y:number,currentLevel:CatLevel):Cat{constnewLevelMath.min(currentLevel1,CatLevel.LEGENDARY)asCatLevel;constnewCatnewCat(cat_${Date.now()},newLevel,x,y,false);this.board[y][x]newCat;console.info(升级: Lv.${currentLevel}→ Lv.${newLevel}在 (${x},${y}));returnnewCat;}二、等级配置等级名称颜色得分尺寸1小猫#FF98001040vp2中猫#F57C003050vp3大猫#E651009060vp4特大猫#D8431527070vp5超级猫#BF360C81080vp6传奇猫#8E24AA243090vp三、等级限制// 传奇猫Lv.6不能再升级if(currentLevelCatLevel.LEGENDARY){// 不再触发合并returnfalse;}// 达到传奇猫时显示特殊效果if(newLevelCatLevel.LEGENDARY){this.showLegendaryEffect(x,y);}四、UI 展示BuilderCatIcon(level:CatLevel){Text(CatConfig[level].emoji).fontSize(CatConfig[level].size*0.5).backgroundColor(CatConfig[level].color).borderRadius(CatConfig[level].size/2).shadow({radius:4,color:rgba(0,0,0,0.2)})}五、最佳实践等级上限控制Math.min(level 1, LEGENDARY)传奇猫特效达到最高级时播放特殊动画颜色递进等级越高颜色越深、越醒目总结等级提升通过三合一规则逐级进化传奇猫为最高等级。核心要点三只同级合一只、Math.min控制在 LEGENDARY 以内、 每级颜色/大小/得分递增。如果这篇文章对你有帮助欢迎点赞、收藏⭐、关注你的支持是我持续创作的动力相关资源CatConfig 源码第 125 篇merge-detect第 127 篇combo-window第 129 篇score-formula