前言

  本篇文章的内容是实现实现角色的血量控制功能,在开始实现之前,我们需要知道角色血量控制功能的需求是什么。

角色血量控制功能的需求

  1. 角色头上需要显示一个跟随角色移动的血量条,实时显示角色当前的血量
  2. 角色的最大血量可以任意修改
  3. 角色接触怪物时会受伤,并播放受伤音效
  4. 角色受伤时,除了减少相应的血量,还需要有一个向后击退的效果
  5. 为了避免角色被怪物卡住时,出现不断受伤的问题,角色在受伤后,将在短暂时间内获得免伤效果
  6. 当角色血量为0时,角色死亡,播放死亡动画,游戏结束

在弄清楚并整理好需求之后,我们开始一一实现这些功能。


制作血量条

  首先,我们来制作血量条。因为血量条要一直跟随移动,所以我们不妨将血量条作为Player的子物体。在Player下新建一个名为HealthBarDisplay的空物体,然后将Assets\Sprites\UI下的Health以及Health-bg拖拽到HealthBarDisplay下面。

制作血量条
制作血量条

它们的具体属性如下:

  • HealthBarDisplay:
    • Position: (0, 0, 0)
  • Health:
    • Position: (-0.8, 1.5, 0)
    • Color: (0, 255, 0, 255)
    • Sorting Layer: Character, Order In Layer: 4
  • Health-bg:
    • Position: (0, 1.5, 0)
    • Sorting Layer: Character, Order In Layer: 4

  此时,将HealthScale属性的X分量缓慢从1减少至0,我们可以看到血量条逐渐变短。但为了避免角色在转向时,血量条跟着翻转,我们还需要在PlayerController.cs中加入以下代码:

PlayerController.cs
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
public class PlayerController : MonoBehaviour {
...
[Tooltip("显示血量条的物体")]
public Transform HealthBarDisplay;

...

private void Flip() {
...

if(HealthBarDisplay != null) {
// 在角色转向时翻转HealthBarDisplay,确保HealthBarDisplay不随角色转向而翻转
HealthBarDisplay.localScale = Vector3.Scale(
new Vector3(-1, 1, 1),
HealthBarDisplay.localScale
);
} else {
Debug.LogWarning("请设置HealthBarDisplay");
}
}
}

  接着,我们将HealthBarDisplay拖拽到PlayerController.csHealthBarDisplay属性的赋值框,然后HealthScale设置为(0.5, 1, 1),运行游戏,让角色左右翻转,可以看到血量条不随着角色转向而翻转。停止运行游戏,将HealthScale设置为(1, 1, 1),然后保存游戏,将我们所做的修改应用至Player对于的Prefab。


创建血量控制脚本

  我们在Assets\Scripts\Player下创建一个名为PlayerHealth的C#脚本。因为角色的最大血量需要能被修改,角色受伤时不仅要播放受伤音效,还要有向后击退的效果,因此我们需要在PlayerHealth.cs脚本中添加以下代码:

PlayerHealth.cs
1
2
3
4
5
6
7
8
9
10
11
12
13
14
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class PlayerHealth : MonoBehaviour {
[Tooltip("角色的最大生命值")]
public float MaxHP = 100f;
[Tooltip("角色被怪物伤害时受到的击退力大小")]
public float HurtForce = 100f;
[Tooltip("角色受伤后的免伤时间")]
public float FreeDamagePeriod = 0.35f;
[Tooltip("角色的受伤音效")]
public AudioClip[] OuchClips;
}

  添加完毕之后,将PlayerHealth.cs添加到物体Player上,并将Assets\Audio\Player\Ouch下的四个音频文件拖动到OuchClips的赋值框,然后保存修改。

设置音效
设置音效

实现接触怪物时受伤

  在Unity中,当一个带Collider2D的物体和其他带有Collider2D的物体发生了碰撞时,将会触发OnCollisionEnter2D,我们可以通过OnCollisionEnter2D这个函数来获取物体的碰撞信息。那我们如何判断碰撞的物体是怪物呢?答案是利用Unity提供的Tag,通过设置Tag这一属性,我们可以方便地对物体进行标识。

  选中AlienSlug,点击Tag下拉框,然后点击Add Tag,创建一个名为Enemy的Tag并将AlienSlugAlienShip的Tag都设置为Enemy。最后,将AlienSlugAlienShip的修改应用至Prefab。

创建Tag
创建Tag

  添加完成之后,我们在PlayerHealth.cs脚本中添加以下代码:

PlayerHealth.cs
1
2
3
4
5
6
private void OnCollisionEnter2D(Collision2D collision) {
//假如撞到怪物
if(collision.gameObject.tag == "Enemy") {
Debug.Log("Enemy");
}
}

  运行游戏,控制人物移动去接触怪物,可以看到Console输出Enemy字符串,说明已经检测到了角色和怪物发生碰撞。接下来,我们在PlayerHealth.cs加入角色受伤的代码:

PlayerHealth.cs
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
public class PlayerHealth : MonoBehaviour {
...
[Tooltip("角色受伤时减少的血量")]
public float DamageAmount = 10f;
[Tooltip("角色受伤后的免伤时间")]
public float FreeDamagePeriod = 0.35f;

// 角色当前的血量
private float m_CurrentHP;
// 上一次受到伤害的时间
private float m_LastFreeDamageTime;

private void Start() {
// 初始化变量
m_CurrentHP = MaxHP;
m_LastFreeDamageTime = 0f;
}

private void OnCollisionEnter2D(Collision2D collision) {
// 判断此时是否处于免伤状态
if(Time.time > m_LastFreeDamageTime + FreeDamagePeriod) {
// 假如撞到怪物
if(collision.gameObject.tag == "Enemy") {
// 检测当前血量
if(m_CurrentHP > 0f) {
// 调用受伤函数
TakeDamage(collision.transform);

// 更新上次受伤害的时间
m_LastFreeDamageTime = Time.time;
} else {
// 角色死亡
}
}
}
}

// 受伤函数
public void TakeDamage(Transform enemy) {
// 给角色加上后退的力,制造击退效果
Vector3 hurtVector = transform.position - enemy.position + Vector3.up * 5f;
GetComponent<Rigidbody2D>().AddForce(hurtVector * HurtForce);

// 更新角色的生命值
m_CurrentHP -= DamageAmount;

// 更新生命条
Debug.Log(m_CurrentHP);

// 随机播放音频
int i = Random.Range(0, OuchClips.Length);
AudioSource.PlayClipAtPoint(OuchClips[i], transform.position);
}
}

  运行游戏,控制人物移动去接触怪物,可以看到角色在触碰怪物时,角色会受到一个击退力的作用,同时Console窗口输出当前的生命值。


更新血量条的显示

  接下来,我们要根据角色当前的生命值来实时更新血量条的显示,也就是我们需要根据角色当前的生命值,来更新HealthBarDisplay的子物体HealthScaleColor。我们在PlayerHealth.cs中加入以下代码:

PlayerHealth.cs
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
public class PlayerHealth : MonoBehaviour {
...
[Tooltip("血量条")]
public SpriteRenderer HealthSprite;

...
// 血量条的初始长度
private Vector3 m_InitHealthScale;

private void Start() {
// 初始化变量
...
m_InitHealthScale = HealthSprite.transform.localScale;
}

//受伤函数
public void TakeDamage(Transform enemy) {
...

// 更新生命条
UpdateHealthBar();

...
}

private void UpdateHealthBar() {
if(HealthSprite != null) {
// 更新血量条颜色
HealthSprite.color = Color.Lerp(Color.green, Color.red, 1 - m_CurrentHP * 0.01f);
// 更新血量条长度
HealthSprite.transform.localScale = Vector3.Scale(m_InitHealthScale, new Vector3(m_CurrentHP * 0.01f, 1, 1));
} else {
Debug.LogError("请设置HealthSprite");
}
}
}

  将HealthBarDisplay的子物体Health拖动到HealthSprite的赋值框,运行游戏,控制人物移动去接触怪物,可以看到当角色的生命值变化时,血量条也随之更新。


控制角色的死亡

  最后,我们还需要控制角色的死亡。我们知道,当角色死亡时,不能再和场景中的任何物体发生交互玩家也不能再控制角色。因此,我们在PlayerHealth.cs中加入以下代码:

PlayerHealth.cs
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
public class PlayerHealth : MonoBehaviour {
...

//受伤函数
public void TakeDamage(Transform enemy) {
...

// 检测当前血量
if(m_CurrentHP > 0f) {
...
} else {
// 角色死亡
Death();
}

...
}

private void Death() {
// 禁用碰撞体
Collider2D[] cols = GetComponents<Collider2D>();
foreach(Collider2D c in cols) {
c.enabled = false;
}

// 禁用脚本
GetComponent<PlayerController>().enabled = false;

// 播放死亡动画
GetComponent<Animator>().SetTrigger("Death");
}
}

  运行游戏,控制人物移动去接触怪物,可以看到当角色的生命值减少至0时,角色播放死亡动画,且不与场景中的其他物体发生交互,玩家也不能再控制角色。将Player的修改应用至Prefab,并保存场景产生的修改。


PlayerHealth.cs的完整代码

  此时,PlayerHealth.cs的完整代码如下所示:

PlayerHealth.cs
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class PlayerHealth : MonoBehaviour {
[Tooltip("角色的最大生命值")]
public float MaxHP = 100f;
[Tooltip("角色被怪物伤害时受到的击退力大小")]
public float HurtForce = 100f;
[Tooltip("角色的受伤音效")]
public AudioClip[] OuchClips;
[Tooltip("角色受伤时减少的血量")]
public float DamageAmount = 10f;
[Tooltip("角色受伤后的免伤时间")]
public float FreeDamagePeriod = 0.35f;
[Tooltip("血量条")]
public SpriteRenderer HealthSprite;

// 角色当前的血量
private float m_CurrentHP;
// 上一次受到伤害的时间
private float m_LastFreeDamageTime;
// 血量条的初始长度
private Vector3 m_InitHealthScale;


private void Start() {
// 初始化变量
m_CurrentHP = MaxHP;
m_LastFreeDamageTime = 0f;
m_InitHealthScale = HealthSprite.transform.localScale;
}

private void OnCollisionEnter2D(Collision2D collision) {
// 判断此时是否处于免伤状态
if(Time.time > m_LastFreeDamageTime + FreeDamagePeriod) {
// 假如撞到怪物
if(collision.gameObject.tag == "Enemy") {
// 检测当前血量
if(m_CurrentHP > 0f) {
// 调用受伤函数
TakeDamage(collision.transform);

// 更新上次受伤害的时间
m_LastFreeDamageTime = Time.time;
} else {
// 角色死亡
Death();
}
}
}
}

// 受伤函数
public void TakeDamage(Transform enemy) {
// 给角色加上后退的力,制造击退效果
Vector3 hurtVector = transform.position - enemy.position + Vector3.up * 5f;
GetComponent<Rigidbody2D>().AddForce(hurtVector * HurtForce);

// 更新角色的生命值
m_CurrentHP -= DamageAmount;

// 更新生命条
UpdateHealthBar();

// 随机播放音频
int i = Random.Range(0, OuchClips.Length);
AudioSource.PlayClipAtPoint(OuchClips[i], transform.position);
}

private void UpdateHealthBar() {
if(HealthSprite != null) {
// 更新血量条颜色
HealthSprite.color = Color.Lerp(Color.green, Color.red, 1 - m_CurrentHP * 0.01f);
// 更新血量条长度
HealthSprite.transform.localScale = Vector3.Scale(m_InitHealthScale, new Vector3(m_CurrentHP * 0.01f, 1, 1));
} else {
Debug.LogError("请设置HealthSprite");
}
}

private void Death() {
// 禁用碰撞体
Collider2D[] cols = GetComponents<Collider2D>();
foreach(Collider2D c in cols) {
c.enabled = false;
}

// 禁用脚本
GetComponent<PlayerController>().enabled = false;

// 播放死亡动画
GetComponent<Animator>().SetTrigger("Death");
}
}


后言

  至此,我们已经完成了角色的血量控制功能,本篇文章提到的数值参数都可以根据自己的喜好进行调整。最后,本篇文章所做的修改,可以在PotatoGloryTutorial这个仓库的essay7分支下看到,读者可以clone这个仓库到本地进行查看。


参考链接

  1. Tags