27. 创建USS血条样式

合集 - 王国之梦(42)

1.02. 创建房间的 Prefab2024-03-012.03. 设计地图配置表2024-03-013.04. 生成地图上的房间2024-03-014.07. 泛型事件框架2024-03-025.08. 场景加载2024-03-026.09. 保存地图场景2024-03-027.10. 房间进出逻辑2024-03-028.11. 制作卡牌 Prefab2024-03-039.12. 创建卡牌数据类2024-03-0410.13. 对象池2024-03-0411.14. 制作卡牌库实现抽卡2024-03-0512.15. 创建卡牌布局2024-03-0513.16. 抽卡动画2024-03-0514.17. 实现卡牌扇形布局2024-03-0515.18. 实现鼠标事件2024-03-0516.19. 卡牌拖拽2024-03-0517.20. 攻击牌的拖拽指针2024-03-0518.21. 实现洗牌逻辑2024-03-0519.22. 导入Spine人物素材2024-03-0520.23. 人物基类代码2024-03-0521.24. 执行卡牌效果2024-03-0522.25. 制作血条的 UI Document2024-03-0523.26. 绑定血条数据2024-03-06

24.27. 创建USS血条样式2024-03-06

25.28. 制作 Gameplay Panel2024-03-0626.29. 绑定 Gameplay Panel 数据2024-03-0627.30. 回合转换2024-03-0628.31. 出牌能量判断2024-03-0729.32. 防御牌及 UI2024-03-0730.33. 回血的苹果牌及特效2024-03-0731.34. 增加力量牌及 UI2024-03-0732.35. 更多卡牌2024-03-0733.36. 人物动画2024-03-0934.37. 敌人意图 AI 逻辑2024-03-1135.38. 敌人的动画执行逻辑2024-03-1136.39. 对战胜负逻辑2024-03-1237.40. 制作胜利和抽卡面板2024-03-1238.41. 抽卡面板的实际逻辑2024-03-1239.42. GameOver 及 Menu 面板2024-03-1340.43. 实现休息房间的逻辑2024-03-1341.44. Boss 制作和整体流程2024-03-1342.45. 淡入淡出及打包游戏2024-03-13

收起

创建 HealthBarUSS

内容如下所示

这个 CSS 选择器是什么意思呢？

.unity-progress-bar__container、.unity-progress-bar__background、.unity-progress-bar__progress分别会修改上面三张图里面的样式

在最后还添加了.highHealth、.mediumHealth、.lowHealth这三个样式，用来修改血条的颜色，并在代码中给它添加样式

首先要移除掉三个样式，当血条低于30%的时候，添加lowHealth样式；当血条低于60%的时候，添加mediumHealth；其它情况添加highHealth

项目相关代码

代码仓库：https://gitee.com/nbda1121440/DreamOfTheKingdom.git

标签：20240306_1150