Unity:给角色和敌人加上血条

横条血条

想法：
1.创建一个画布，画布里面包含血条：

HealthBar：空对象
Fill：image（血条填充物）
Border：image（血条框）
Heart：image（心脏图标）
2.为HealthBar对象添加HealthBar脚本和Slider组件：

为角色对象添加HealthBar对象作为成员变量。

在游戏开始时为角色设定maxHealth，currentHealth，并调用相应的HealthBar函数:SetMaxHealth，SetHealth。
当受到伤害时，减少生命值并重新设定currentHealth，

流程：player->HealthBar->Slider

HealthBar代码：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;public class HealthBar : MonoBehaviour
{public Slider slider;public Gradient gradient;public Image fill;public void SetMaxHealth(int maxHealth){slider.maxValue = maxHealth;slider.value = maxHealth;fill.color = gradient.Evaluate(1f);}public void SetHealth(int health){slider.value = health;fill.color = gradient.Evaluate(slider.normalizedValue);}
}

fill.color = gradient.Evaluate(1f);
设置fill的颜色为gradient在100%出的颜色

slider.normalizedValue
滑块的当前值标准化为 0 到 1 之间的值。

注意点：
1.

角色的canvas为屏幕空间覆盖

而怪物的canvas为世界坐标

2.血条要在canvas中否则不会显示
3.怪物的血条注意改变图层防止不显示
4.可以先将怪物的血条调整至合适的大小和位置（怪物上方·）然后在将血条作为怪物的子对象，这样血条就会跟着怪物。

心脏个数血条

想法：
1.创建一个画布，画布里面包含血条

HealthBar2：空对象
Heart：image

2.有三个变量：
hearts：数组，其长度是角色点满天赋后的最大生命量
CurrentMaxHealth：当前最大生命
CurrentHealth：当前生命

CurrentMaxHealth<hearts.length的那部分显示，其余部分不显示
CurrentHealth<CurrentMaxHealth的那部分显示红心或半心，其余部分显示空心

代码：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;public class HealthBar2 : MonoBehaviour
{public Image[] hearts;//角色所有阶段最大生命值public float CurrentMaxHealth;//当前最大生命值public float CurrentHealth;//当前生命值public Sprite HalfHeart;public Sprite FullHeart;public Sprite EmptyHeart;private void Update(){for (int i = 0; i < hearts.Length; i++){if (i < CurrentHealth){hearts[i].sprite = FullHeart;}else if (i - CurrentHealth == 0.5){hearts[i-1].sprite = HalfHeart;hearts[i].sprite = EmptyHeart;}else{hearts[i].sprite = EmptyHeart;}if (i < CurrentMaxHealth){hearts[i].enabled = true;}else{hearts[i].enabled = false;}}}public void SetHealth(float currentHealth){CurrentHealth = currentHealth;}public void SetMaxHealth(float currentMaxHealth){CurrentMaxHealth = currentMaxHealth;}
}

注意点：
1.

else if (i - CurrentHealth == 0.5){hearts[i-1].sprite = HalfHeart;hearts[i].sprite = EmptyHeart;}

这一部分举个例子：
7-6.5==0.5的时候要对第i-1个心脏设置半心，而这样结束后i会加一，然后忽略掉了第i个心脏的设置，所以还要对第i个心脏进行设置。

2.心脏的排列我添加了网格布局

效果图：