使用素材
https://github.com/zheyuanzhou/Youtube-Unity-Tutorial/tree/master/EP45_Health%20Bar/Sprites
效果如下图所示:
首先在场景中创建一个新的Canvas,并命名为HeathBar,并创建三个Image作为前者的子物体,分别命名为bg(空血条背景),Effect(呈现“掉血”时的缓冲效果),HP(显示血量) 。并按前文中描述的顺序依次将后者置于前者下方;如下图所示
三者的层次应当如下图所示(使用3D视图只是为更好说明,实际项目还是2D):
其次分别将相应的素材赋给HeathBar下的bg,Effect,HP的Image组件并对其进行如下设置:
对于bg的Image组件,勾选Preserve Aspect以图片的原始长款比例