制作血条

UI

使用3个sprite的方法

一个边框色（黑）、一个底色（白）、一个血条颜色（红）

注意缩放的问题，一般缩放会两边同时改变，解决办法是用一个长度为2倍的父物体，把这个物体放在父物体的一边。

注意层级问题。

把ui挂到人物下面。

实现效果：

参考：https://blog.csdn.net/weixin_43455008/article/details/104147237?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1.pc_relevant_default&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1.pc_relevant_default&utm_relevant_index=2

脚本

血条自动减少脚本

制作好UI后

用脚本控制血条变化，这个脚本挂在scale_bar下

public class HealthBar : MonoBehaviour
{

    public float TotalHP;
    public float CurHP;

    Vector3 _scaleHP;

    void Start()
    {
        TotalHP = 100.0f;
        CurHP = 100.0f;
    }

    void Update()
    {
        changeHP();
    }

    void changeHP()
    {
        CurHP -= Time.deltaTime*30;
        //_scaleHP.Set(CurHP / TotalHP, 1, 1);
        transform.SetLocalScaleX(CurHP / TotalHP);
        if(CurHP < 0.1)
        {
            CurHP = 100.0f;
            transform.SetLocalScaleX(1);
        }
    }
}

人物控制血条

上个脚本是血条自己变化，怎么把血条和人物绑定起来呢？

HP是人物的一个属性，所以要在人物身上挂一个控制HP的脚本。

可以把上述的血条暴露出来，供外部调用，如下：

控制血条脚本，挂在scale_bar上。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class HealthBar : MonoBehaviour
{

    public float TotalHP;

    float _curHP;
    public float HP
    {
        get
        {
            return _curHP;
        }
        set
        {
            if (Mathf.Abs(_curHP - value) > 0.1)
            {
                if (value > 0)
                {
                    _curHP = value;
                }
                changeHP();
            }
        }
    }

    void Start()
    {
        TotalHP = 100f;
        _curHP = TotalHP;
    }

    void Update()
    {
        //changeHP();
    }

    void changeHP()
    {
        transform.SetLocalScaleX(_curHP / TotalHP);
    }
}

人物属性脚本，挂在player上

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class PlayerAttr : MonoBehaviour
{
    HealthBar _hp;

    void Start()
    {
        _hp = gameObject.GetComponentInChildren<HealthBar>();
    }

    void Update()
    {
        _hp.HP -= Time.deltaTime * 30;
    }
}

效果如下：

血条自动减少