视频链接:https://www.bilibili.com/video/av18791296/?p=5

1.把Sense设置为2D模式

Unity3d Survival Shooter Tutorial 学习笔记(四)生命值UI

2.添加Canvas:UHDCanvas

Unity3d Survival Shooter Tutorial 学习笔记(四)生命值UI

3.添加HUDCanvas的子对象:HealthUI

Unity3d Survival Shooter Tutorial 学习笔记(四)生命值UI

Unity3d Survival Shooter Tutorial 学习笔记(四)生命值UI

Unity3d Survival Shooter Tutorial 学习笔记(四)生命值UI

我们可以通过上面红色框中按钮移动、旋转、缩放HealthUI(中间红色框住的就是HealthUI)。

4.放置HealthUI.

Unity3d Survival Shooter Tutorial 学习笔记(四)生命值UI

按住Shift键选择锚点位置,按住Alt键选择对象位置,我们把HealthUI放在左下角。与左下角锚点对齐

5.为HealthUI添加Image

Unity3d Survival Shooter Tutorial 学习笔记(四)生命值UI

设置图片大小为30x30

Unity3d Survival Shooter Tutorial 学习笔记(四)生命值UI

5.为HealthUI添加滑动条Sillder

Unity3d Survival Shooter Tutorial 学习笔记(四)生命值UI

6.删除Handle Slide Area

Unity3d Survival Shooter Tutorial 学习笔记(四)生命值UI

7.设置HealthSlider参数:

Unity3d Survival Shooter Tutorial 学习笔记(四)生命值UI

8.添加DamageImage,并全屏显示

Unity3d Survival Shooter Tutorial 学习笔记(四)生命值UI

Unity3d Survival Shooter Tutorial 学习笔记(四)生命值UI

我们不需要背景颜色,所以把DamageImage的透明度设为0

Unity3d Survival Shooter Tutorial 学习笔记(四)生命值UI

9.UI界面完成!

相关文章:

  • 2022-12-23
  • 2021-09-23
  • 2022-12-23
  • 2022-12-23
  • 2022-03-10
  • 2021-10-03
  • 2021-11-29
  • 2022-12-23
猜你喜欢
  • 2021-04-15
  • 2022-12-23
  • 2021-08-30
  • 2021-08-14
  • 2022-12-23
  • 2021-07-27
  • 2021-09-06
相关资源
相似解决方案