Unity中血条ui制作

时间:2024-04-06 11:09:48

Unity中血条ui制作

效果图 :
Unity中血条ui制作
素材 :
Unity中血条ui制作
第一个是自己随便画的,第二个是unity中新建的sprite。

那么开始 :

  1. 新建一个空物体,重命名为HealthBar
    HealthBar下新建3个空物体,分别命名为BackGround1BackGround2Bar
    Bar下新建空物体命名为BarSprite
    Unity中血条ui制作
    2.给BackGround2和BarSprite挂上组件SpriteRenderer,即
    Sprite渲染器。新建一个正方形的Sprite。把这个sprite赋给他们两个的spriterenderer组件。
    Unity中血条ui制作
    Unity中血条ui制作
    把BacGround2的SpriteRenderer颜色改为灰色
    把BarSprite的SpriteRenderer颜色改为红色,或者其他什么颜色随便你。
    Background1上也挂上SpriteGround组件,找一个好看的图片赋给它,用来做血条框。
    设至Background1,Background2,BarSprite的图层分别为0,1,2.
    Unity中血条ui制作
    调整3个子物体的大小形状至合适。
    得到这样 :
    Unity中血条ui制作
    3.样子做出来后,Background1,Background2,Bar,BarSprite的位置应当是没有发生改变的,即他们的位置都是Unity中血条ui制作
    因为调整大小,形状不需要改变位置。

现在向右移动BarSprite位置至右边边界。这样:Unity中血条ui制作
在移动BarSprite的父物体Bar,向左移回来。这样 :Unity中血条ui制作
这样移动后你改变Bar的缩放,会发现血条是以左边边界为轴缩放的。这样 :
Unity中血条ui制作
下面是我的血条中Bar子物体的Transform值。
Unity中血条ui制作
这是BarSprite的Transform
Unity中血条ui制作
完成上面步骤后可以看见我们只用在Bar上挂脚本,随血量改变Bar.transform
的缩放的x轴的值就可以实现血条效果。
x值为1时血条是满的,x = 0时血条就空了。

脚本的编写下一篇写,可以自己完成脚本内容的可以跳过。
有疑问的话可以在评论区提出。