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

前言

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

角色血量控制功能的需求

  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.cs的脚本。因为角色的最大血量需要能被修改,角色受伤时不仅要播放受伤音效,还要有向后击退的效果,因此我们需要在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);
    }
}

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


更新血量条的显示

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

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

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的完整代码如下所示:

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
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,254评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,875评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,682评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,896评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,015评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,152评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,208评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,962评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,388评论 1 304
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,700评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,867评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,551评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,186评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,901评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,142评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,689评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,757评论 2 351

推荐阅读更多精彩内容