Unity3D实现简单的血条功能

在游戏中血条是一个很常见的东西,它可以直观的显示血量,在很多地方都有运用,尤其是小兵或者怪物身上,那么该怎样去制作一个简单的血条呢?

其实很简单,血条就是一个UI而已,用一张长条形的图片即可实现,具体操作如下:

1.先创建一个3D的物体命名为Player来代表人物,在它下面创建一个Canvas,点击Canvas在Inspector窗口里可以看见他有一个叫Canvas的组件,点开把渲染模式改成世界空间,这样你就可以canvas里面的UI移动到世界空间里的物体上了,这样一来我们的血条就不会和一般的UI一样一

直在屏幕的固定地点而是跟着人物移动。

2. 接下来就是做血条了,先在Canvas下创建一个图片把它调到Player头上合适的位置并调成长条形。调图片只需要把Canvas的坐标重置再重置图片的坐标(因为他们的坐标都是基于父物体的),然后再调好大小和具体位置就行了。刚刚我们已经做了一个图片的UI了,可以用它来代表血条,但是游戏中往往是基础血条一个颜色而受伤后血条减少的部分是另一个颜色来作为对比,甚至像DNF里的BOSS会有很多颜色的血条来对比。所以我们直接Ctrl+D快速复制另一张图片,把原本的图片作为背景色,新创建的图片作为基础色(注意一定是背景的图片在上面,因为最下面也就是最新创建的UI会遮挡前面的UI)。

3.血条的雏形做好后,给两张图片里的Image组件里都添加一个2D图片作为源图像,然后改一下颜色,这里基础血量我就设置为绿色,而背景就设置为红色。接下来在作为基础血条的UI里找到Image组件>选择图像类型>已填充>填充方法>水平。这样我们的血条就做好了,改变基础血条里下的填充总数(FillAmount)就能实现血量减少的效果。(如果是3D项目中找不到2D的源图像可以在包管理器里添加2DSprite,然后在层级面板里点击右键->2D->Sprites随便创建一个图片,然后找到Image组件里的源图像点一下就可以找到源图像的位置,再把刚刚创建的图片删了把源图像添加到血条中去就行了。)

4.现在我们的血条就差最后一步了,那就是如何根据当前血量自动变化了。看了刚刚的操作其实大家应该都知道了,就是在代码中把填充总数和血量关联起来,方法有很多种,我这里就提供一种比较简单也好理解的思路。

首先要获取基础血条的Image组件,不过我们的脚本一般都是在Player身上,所以我们先去找game object,方法很多就不说明了。找到Image组件后让一个数等于它的fillAmount就行了,不过要注意的是fillAmount是介于0到1之间的一个数,所以最好用当前HP/最大HP的方式,这里我就用点击鼠标扣血的方式演示一下(注意要引入UnityEngine.UI)

    GameObject HP_Bar;
    Image HP_Image;
    float HP=20;
    float HP_Percent;
    float Max_HP;
    // Start is called before the first frame update
    void Start()
    {
        //在游戏开始的时候获取Image组件和最大HP
        HP_Bar = GameObject.Find("HPBar");
        HP_Image = HP_Bar.GetComponent<Image>();
        Max_HP = HP;
    }

    // Update is called once per frame
    void Update()
    {
        if(Input.GetMouseButtonDown(0)){
            HP-=5;
        }
        HP_Percent = HP/Max_HP;
        HP_Image.fillAmount = HP_Percent;
        Debug.Log(HP_Percent);
    }

 

扫描二维码关注公众号,回复: 14784564 查看本文章

最后,作者也是一名小白,所以有什么不对的地方敬请指正 

猜你喜欢

转载自blog.csdn.net/m0_61777011/article/details/124385724
今日推荐