0


U3D游戏角色血条制作并显示血量变化

U3D游戏角色血条制作并显示血量变化

关键:利用Slider来制作血条
大概效果:
数字会随着血量变化而变化。
在这里插入图片描述

步骤

1、在层级面板中右击,选择UI中的Slider.
在这里插入图片描述
2、创建好后,将Slider命名为HealthBar,可以看到层级面板中Slider的结构为,删掉其中的“Handle Slide Area”.
在这里插入图片描述
3、在层级面板选中HealthBar,在右侧的检查器窗口可以看到Slider组件属性,在MaxValue和MinValue内设置值,表示角色的血量范围,这里设置血量范围0-100,勾选整数.
在这里插入图片描述

4、选择HealthBar下的Background,在右侧检查器中,点击Rect Transform下的stretch.
在这里插入图片描述
点开stretch后,按住“Alt”键同时鼠标点击右下方的方块,让Background铺展开来.
按住Alt键同时点击鼠标
铺展开的HealthBar为如下形式
在这里插入图片描述
5、对Fill Area和其下的Fill也做上一步的操作。(注意,Fill Area和Fill要分别进行操作),效果如下
在这里插入图片描述
6、改变Background和Fill的颜色来区分。
在这里插入图片描述
在这里插入图片描述
效果:
HealthBar组件下的Value滑块可以看改变值时的状态,若是在改变值的时候,血条改变方向不对的话可以改变Fill Area的旋转值,根据自己游戏内坐标调整。
在这里插入图片描述
我的调整
在这里插入图片描述
7、在HealthBar层级下新建一个旧版的Text,并命名为CurrentHealth.
在这里插入图片描述
修改文字的格式、位置、内容等
在这里插入图片描述

在这里插入图片描述

8、创建一个脚本,命名为PlayControl,挂载到你的游戏的主角上。
首先创建变量用来存储当前的血量和最大血量

privatefloat maxHealth=100;publicfloat MyMaxHealth
{get{return maxHealth;}}privatefloat currentHealth;publicfloat MyCurrentHealth
{get{return currentHealth;}}

在Start()中

currentHealth = maxHealth;
HealthBar.Instance.changeHealth();

减少血量的函数

publicvoidReduceHealth(float health){
    currentHealth = Mathf.Clamp(currentHealth - health,0, maxHealth);
    HealthBar.Instance.changeHealth();}

9、创建一个脚本,命名为HealthBar,并挂载到HealthBar上。

usingSystem;usingSystem.Collections;usingSystem.Collections.Generic;usingUnityEngine;usingUnityEngine.UI;publicclassHealthBar:MonoBehaviour{Slider healthBar;//在unity中关联游戏角色publicPlayerControler _play=newPlayerControler();//创建一个单例publicstaticHealthBar Instance;//挂载创建的CurrentHealth的文本UIpublicText healthNumber;voidAwake(){
        Instance =this;}publicvoidchangeHealth(){//在playcontrol脚本中调用该函数,所以先判断是否获取到组件,//若是放在该脚本的Start中可能会获取不到if(healthBar ==null){
            healthBar =GetComponent<Slider>();}//使用该段代码前,在Slider检视器中勾选整数,设置最大最小值
        healthBar.value= _play.MyCurrentHealth;
        healthNumber.text=healthBar.value+"/"+_play.MyMaxHealth;}}

10、挂载完HealthBar脚本后,将主角拖到“播放”框内,将CurrentHealth文本拖到“HealthNumber”中,差不多可以实现效果了
在这里插入图片描述
如果有问题,欢迎留言 (๑•̀ㅂ•́)و✧

标签: 游戏 ui unity

本文转载自: https://blog.csdn.net/weixin_51565051/article/details/129570983
版权归原作者 F_九歌 所有, 如有侵权,请联系我们删除。

“U3D游戏角色血条制作并显示血量变化”的评论:

还没有评论