首页 > 编程语言 > 详细

Unity3D中灵活绘制进度条

时间:2015-04-23 23:02:41      阅读:1785      评论:0      收藏:0      [点我收藏+]

      有时我们需要在Unity3D中绘制进度条,如:

技术分享          或       技术分享

 

      如果使用4.6版本以下的unity绘制环形的进度条可能需要费点劲。我搜到的大多数方法都是用NGUI插件,但有时只是为了简单的画一个环形UI,使用NGUI反而还增加了学习成本。有一个利用CutOut材质的方法能够利用alpha值,灵活的控制进度条中需要显示的部分,以环形进度条为例,方法如下:

1、在PS中制作一张如下所示的图,RGB为进度条想要的颜色,alpha值从5-250环形渐变(如果从0-255,在进度为0%或100%时会显示异常,这与CutOut材质的特性有关)

技术分享

2、新建材质 选择Transparent Cutout

技术分享

3、设置纹理

技术分享

4、将导入的纹理拽入材质

技术分享

5、新建Quad

技术分享

6、选择第2步创建的材质

技术分享

7、创建正交相机,并将深度置为最前

技术分享

8、将它们拖到荒无人烟的地方(这是UI,7、8两步确保它是在场景的最前面,且不会出现在才3D场景中)

技术分享

9、调整Alpha cutoff观看效果

技术分享

10、若想做出反方向的效果,则需要在做图的时候勾选反向

技术分享

11、我们的目标是:写脚本控制alpha cutoff的值

技术分享

12、代码如下,最核心的一句已经框起来了

技术分享

      到此为止,转圈的进度条/能量条的方法阐述完毕,核心思想是利用CutOut材质控制alpha值控制进度条的显示。在CutOut材质中,当alpha值高于设置的"alpha cutoff"时,完全不透明;低于设置的"alpha cutoff"时,完全透明。利用CutOut材质的这种特性,通过制作合适的渐变纹理,可以实现各种各样的进度条,美中不足的是抗锯齿能力不太好。

 

      在这篇博客写完后,我觉得CutOut材质不能有半透明效果,不太合理,于是乎搞了个shader稍微改进了下,你可以在这里下载本文改进后的资源。至于博客中的截图嘛……都差不多,懒得更新了,需要的童鞋看看代码就明白了。

Unity3D中灵活绘制进度条

原文:http://www.cnblogs.com/wangchengfeng/p/4451778.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!