Cocos Creator制作圆形进度条教程 | 南锋

南锋

南奔万里空,脱死锋镝余

Cocos Creator制作圆形进度条教程

我们在开发过程中经常要用到圆形进度条,例如技能CD

之前写了一篇Cocos2d-x Lua实现扇形进度条:使用ProgressTimer创建技能CD,这里简单记录下在Cocos Creator中如何制作。

效果图:
效果图

具体方法

Cocos Creator做起来比2dx还是要简单很多,首先给节点添加progress组件

progress设置

设置SpriteFill TypeRADIAL,具体的参数如下图所示。
sprite

注意,这里的Reverse是用来确定进度条的驱进方向,根据自己的需求选择是否勾选。

Bar设置

Bar
只需要设置这几个地方,就把圆形进度条给搞定啦~,赶紧来试试吧

+