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


前言

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

角色血量控制功能的需求

  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中加入以下代码:

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脚本中添加以下代码:

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

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

private void OnCollisionEnter2D(Collision2D collision) {
    //假如撞到怪物
    if(collision.gameObject.tag == "Enemy") {
        Debug.Log("Enemy");
    }
}

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

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);
    &#125;
&#125;

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


更新血量条的显示

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

public class PlayerHealth : MonoBehaviour &#123;
    ...
    [Tooltip("血量条")]
    public SpriteRenderer HealthSprite;

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

    private void Start() &#123;
        // 初始化变量
        ...
        m_InitHealthScale = HealthSprite.transform.localScale;
    &#125;

    //受伤函数
    public void TakeDamage(Transform enemy) &#123;
        ...

        // 更新生命条
        UpdateHealthBar();

        ...
    &#125;

    private void UpdateHealthBar() &#123;
        if(HealthSprite != null) &#123;
            // 更新血量条颜色
            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));
        &#125; else &#123;
            Debug.LogError("请设置HealthSprite");
        &#125;
    &#125;
&#125;

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


控制角色的死亡

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

public class PlayerHealth : MonoBehaviour &#123;
    ...

    //受伤函数
    public void TakeDamage(Transform enemy) &#123;
        ...

        // 检测当前血量
        if(m_CurrentHP > 0f) &#123;
            ...
        &#125; else &#123;
            // 角色死亡
            Death();
        &#125;

        ...
    &#125;

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

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

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

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


PlayerHealth.cs的完整代码

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

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

public class PlayerHealth : MonoBehaviour &#123;
    [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() &#123;
        // 初始化变量
        m_CurrentHP = MaxHP;
        m_LastFreeDamageTime = 0f;
        m_InitHealthScale = HealthSprite.transform.localScale;
    &#125;

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

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

    // 受伤函数
    public void TakeDamage(Transform enemy) &#123;
        // 给角色加上后退的力,制造击退效果
        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);
    &#125;

    private void UpdateHealthBar() &#123;
        if(HealthSprite != null) &#123;
            // 更新血量条颜色
            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));
        &#125; else &#123;
            Debug.LogError("请设置HealthSprite");
        &#125;
    &#125;

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

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

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

后言

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


参考链接

  1. Tags

文章作者: RainbowCyan
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 RainbowCyan !
 上一篇
《土豆荣耀》重构笔记(十)实现摄像机跟随角色移动的功能 《土豆荣耀》重构笔记(十)实现摄像机跟随角色移动的功能
前言  当角色在场景中移动时,为了更好地观察角色,我们需要让摄像机跟随角色移动。又因为场景的大小一般是有限的,为了避免穿帮,我们还需要限制摄像机移动的范围。也就是说,我们需要让摄像机在可移动的范围内跟随角色进行移动。
下一篇 
《土豆荣耀》重构笔记(八)给角色添加动画 《土豆荣耀》重构笔记(八)给角色添加动画
前言  为了提高玩家的游戏体验,我们常常需要在角色运动的时候,根据它的运动状态播放对应的动画。为了能够控制当前播放什么动画,我们首先需要制作动画状态机,再用代码去控制动画状态机切换当前的状态,从而切换当前播放的动画。
  目录