步骤2：制作HP条。
-
打开
gamescene标签页，选择UI。
-
添加一个新节点
ImageGauge。不希望受UI等摄像机滚动影响的对象，应创建在UI节点下。
-
按如下方式设置
ImageGauge属性。将sampleplayer的hp设置为当前值，将sampleplayer的max_hp设置为最大值。注意，Object_Sampleplayer.tscn位于sampleobject文件夹中。
-
继续设置
ImageGauge的TextureProgressBar属性。启用Nine Patch Stretch，并设置Left Limit: 10px和Right Limit: 10px。这样可以在不破坏条形图比例的情况下进行缩放。
-
设置
ImageGauge的纹理。请使用文件系统路径templates > objects > ui > interface > variation_02_Ornate中的图像。将I_002_hp_horizontal_02.png设置为Under，将I_002_hp_horizontal_03.png设置为Progress。
-
调整
ImageGauge的大小。蓝色边框包围的部分是UI显示区域，请将其放大到您喜欢的尺寸。
-
尝试测试运行。如果设置正确，HP将以白色条形显示，当受到僵尸攻击时应该会减少。
-
最后添加边框。作为
ImageGauge的子节点，添加一个新节点NinePatchRect。这是一个用于创建启用NinePatchStretch的矩形的节点。
-
将
I_002_hp_horizontal_01.png应用于NinePatchRect的Texture，然后按下EditRegion按钮。
-
将显示
NinePatch创建界面，请移动黑白条并按如图所示进行设置。不是白色实线。
-
放大并将其叠加在HP条上方。
-
HP条制作完成。
说明
条形图类型
通过更改 ImageGauge 的 FillMode，可以制作各种类型的条形图。也可以创建垂直条形图和圆形条形图。
此外，还可以通过 Tint 属性更改各条形图的颜色。
关于 Nine Patch
这是一种将图像分割为9部分，并根据分割位置调整缩放比例以防止比例失调的技术。也可用于消息窗口等场景。
第5期请点击此处