《土豆荣耀》重构笔记（九）实现角色的血量控制功能

前言

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

角色血量控制功能的需求

  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

  此时，将Health的Scale属性的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.cs下HealthBarDisplay属性的赋值框，然后Health的Scale设置为(0.5, 1, 1)，运行游戏，让角色左右翻转，可以看到血量条不随着角色转向而翻转。停止运行游戏，将Health的Scale设置为(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并将AlienSlug和AlienShip的Tag都设置为Enemy。最后，将AlienSlug和AlienShip的修改应用至Prefab。

创建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);
    }
}

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

更新血量条的显示

&emsp;&emsp;接下来，我们要根据角色当前的生命值来实时更新血量条的显示，也就是我们需要根据角色当前的生命值，来更新HealthBarDisplay的子物体Health的Scale和Color。我们在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");
        }
    }
}

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

控制角色的死亡

&emsp;&emsp;最后，我们还需要控制角色的死亡。我们知道，当角色死亡时，不能再和场景中的任何物体发生交互，玩家也不能再控制角色。因此，我们在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");
    }
}

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

PlayerHealth.cs的完整代码

&emsp;&emsp;此时，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");
    }
}

后言

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

参考链接

  1. Tags
教程 > 《土豆荣耀》
#Unity #教程
《土豆荣耀》重构笔记（九）实现角色的血量控制功能
https://asancai.github.io/posts/9a177db7/
作者
RainbowCyan
发布于
2019年1月1日
许可协议