【小技巧分享】Cocos Creator圆形进度条的实现

Creator 2.x
#1

同事突然问我，圆形的进度条怎么实现，脑子想了想想出一个还行的办法，拿出来给大家参考，废话不多说，直接上图
首先是节点和需要的资源

捕获.PNG289×670 10 KB

接下来是mask节点（很重要，注意节点的锚点）

捕获2.PNG781×647 36.5 KB

接下来是进度条的颜色（同样要注意锚点）

捕获3.PNG776×693 42.9 KB

附上进度代码，很简单，先旋转右边的进度条，在旋转左边的进度条

捕获4.PNG1046×829 61.4 KB

附上效果图

捕获5.PNG647×592 4.13 KB

#2

用progressbar也可以实现，filled／radial

#3

噢噢，新版的可能已经实现了这个功能，

#4

https://blog.csdn.net/erweimac/article/details/80453170这个是可以实现的

#6

这样链接才能去圆形进度条