在本课程中，您将学习 Action Game Maker 脚本的基础知识。
在本系列的第四部分，我们将创建一个 HP 条 UI。
前置要求
我们将继续使用之前教程（#1 至 #3）中的项目。
打开您的项目，准备开始。
步骤 1：调整玩家
- 打开
Object_Sampleplayer。 - 打开
BaseSettings，将 HP 和 Max HP 都设置为20，并将 Blink Duration 设置为0.1 秒。这通过添加闪烁效果使无敌状态更容易被察觉。
- 接下来，添加一个新节点：
TakenDamageSettings。
- 虽然
TakenDamageSettings允许许多配置，但这次我们仅用它来添加一个 伤害语音。
创建一个新的伤害设置，在Other Settings中启用 Play Sound，并将声音设置为male_1_1_A。
- 测试游戏。现在玩家受到伤害时会闪烁并播放语音。但是，玩家和僵尸会互相推挤，所以让我们修复这个问题。
- 选择
Player节点，将其Collision > Collision Layer从1改为2。
层级定义了对象所属的物理层级，而掩码定义了它会与哪些层级发生碰撞。
僵尸使用 层级 2 / 掩码 1，因此通过将玩家置于 层级 2，它们将不再互相碰撞。
7.（CollisionLayer/CollisionMask 的详细说明请参阅单独的手册。)*
- 现在你拥有了一个具有 20 HP 的角色，在受到敌人 1 点伤害 后，会进入 1 秒的无敌状态。
注意事项
使用 TakenDamageSettings 可以做什么
你可以根据攻击设置中定义的攻击属性来配置伤害倍率。这对于设置弱点和抗性非常有用。
你还可以配置击退停顿，例如在受到重击时让游戏暂时减速。
步骤 2：创建 HP 条
- 打开
gamescene标签页并选择UI。
- 添加一个新节点：
ImageGauge。
任何您希望始终可见且不受摄像机滚动影响的 UI 元素都应放置在UI下。
- 按如下方式配置
ImageGauge属性：
将 当前值 设置为sampleplayer.hp，将 最大值 设置为sampleplayer.max_hp。
Object_Sampleplayer.tscn位于sampleobject文件夹中。
- 接下来，配置
ImageGauge内TextureProgressBar的属性。
启用 九宫格拉伸，并将 左限制 和 右限制 设置为10px。
这允许在调整大小时不扭曲条的比例。
- 为
ImageGauge设置纹理。
使用来自templates > objects > ui > interface > variation_02_Ornate的图像：
- 背景：
I_002_hp_horizontal_02.png - 进度：
I_002_hp_horizontal_03.png
- 调整
ImageGauge的大小。
蓝色边框区域是 UI 显示区域。根据需要缩放该条。
- 测试游戏。
如果设置正确，HP 将显示为白色条，并在被僵尸击中时减少。 - 现在让我们添加一个边框。
在ImageGauge下添加一个新节点：NinePatchRect。
此节点使用九宫格设置创建一个在拉伸时保持比例的矩形。
- 将
NinePatchRect的纹理设置为I_002_hp_horizontal_01.png，然后单击Edit Region按钮。
- 九宫格编辑器将打开。
如图所示调整 黑白条（不是纯白线）。
- 调整大小并将其放置在 HP 条上方。
- HP 条完成！
注意事项
条类型
通过更改 ImageGauge 的 填充模式，您可以创建各种类型的条，包括垂直和圆形条。
您还可以使用 Tint 属性更改条的颜色。
关于九宫格
九宫格是一种将图像分为 9 个部分并按比例拉伸以避免扭曲的技术。
此方法也适用于消息窗口等元素。
下一课程：第 5 部分
2 个赞