首页 理论教育虚拟现实应用实践-UI界面

虚拟现实应用实践-UI界面

【摘要】:图8-199制作主角血条主角血条的制作:选择Create→UI→Image选项单击SourceImage,选中爱心的图形。右击Canvas→UI→Slider按钮,选择Background选项。图8-200选中爱心图形图8-201选中锚点图8-202调整Image的位置及大小图8-203选中Background图8-204更改SourceImage图8-205删去白色小球Slider上的白色小球是不需要的,整个删去。图8-206血条属性更改血条的大小位置自行调整,做完大概如图8-207所示。图8-208PlayerHealth脚本最后一步,将刚刚做好的血条赋给PlayerHealth里的血条变量。

图8-199 制作主角血条

主角血条的制作:选择Create→UI→Image选项(见图8-199)

单击SourceImage,选中爱心的图形(见图8-200)。

在RectTransform选中锚点为左下角(见图8-201)。

调整Image的位置和大小,可以选择2D视图下操作更加方便(见图8-202)。

右击Canvas→UI→Slider按钮,选择Background选项(见图8-203)。

更改SourceImage(见图8-204)。

图8-200 选中爱心图形

图8-201 选中锚点

图8-202 调整Image的位置及大小

图8-203 选中Background

图8-204 更改SourceImage

图8-205 删去白色小球(www.chuimin.cn)

Slider上的白色小球是不需要的,整个删去(见图8-205)。

更改一些血条最大值的属性(见图8-206)。

图8-206 血条属性更改

血条的大小位置自行调整,做完大概如图8-207所示。

图8-207 血条完整视图

打开PlayerHealth脚本(见图8-208)。

图8-208 PlayerHealth脚本

最后一步,将刚刚做好的血条赋给PlayerHealth里的血条变量(见图8-209)。

图8-209 血条赋给PlayerHealth里的血条变量

单击运行,可以看到主角被扣血啦(见图8-210)!

图8-210 主角被扣血