Unity3D 使用 NGUI 制作血条以及血条深度显示实现

在开发 3D 游戏的过程中，我们常常需要在角色模型上方显示角色名称或血量信息。若仅需显示名称，使用 TextMesh 就足够了（查看详情）。但要是还需显示角色血量，就需要借助 GUI 来实现。本次我们将使用 NGUI 制作血条，并将其附加到移动的角色上，同时要根据角色与摄像机的角度和距离，正确显示血条的远近顺序。

搭建测试场景

首先，我们需要搭建一个测试场景。（此处可添加场景搭建的详细步骤，因原文未给出，可后续补充）

编写脚本

接下来，我们新建一个 C# 脚本，命名为 RoleItem，其代码如下：

using UnityEngine;
using System.Collections;

public class RoleItem : MonoBehaviour
{
// 角色名称标签
public UILabel txtName;
// 血条精灵
public UISprite bar;
// 血量标签
public UILabel txtBlood;

/// <summary>
/// 血条宽度
/// </summary>
public float itemWidth;

/// <summary>
/// 血条高度
/// </summary>
public float itemHeight;

private UIPanel uiPanel;

void Awake()
{
// 获取父对象的 UIPanel 组件
this.uiPanel = this.GetComponentInParent<UIPanel>();
}

/// <summary>
/// 更新血条深度
/// </summary>
/// <param name="depth">深度值</param>
public void ChangeDepth(int depth)
{
// 设置 UIPanel 的深度
this.uiPanel.depth = depth;
}
}

挂载脚本并设置属性

将 RoleMoveItem 脚本挂载到角色对象上，并设置好相应的属性。（此处可添加属性设置的详细说明，因原文未给出，可后续补充）

测试运行

运行游戏后，我们可以看到血条能够正确地随着角色移动。接着，我们添加多个角色对象，再次观察结果。此时，血条依然能正确显示，并且呈现出了景深效果。

通过以上步骤，我们就完成了使用 NGUI 在 Unity3D 中制作血条以及实现血条深度显示的操作。