我想实现一个环形进度条，但是两边是圆头的，应该怎么实现呢？

Creator 2.x
#1

想实现如图的环形进度条，求大佬指点下。

#2

Mask 组件 IMAGE_STENCIL 类型试一下呢？
或者别的什么形式（原生进度条），你可以去范例合集里看看，我记得是有的。

#3

范例集合里没有圆形的那个头

#4

没有透明，叠两张同色的小圆片:joy:

#5

能加QQ指导一下么。 540811253

#6

能加QQ指导一下么。 540811253

#7

我的思路是弄两个圆头拼上

#8

层主这个点子不错！我的想法是：用两个同样黄色的半圆图片左右对称放。倒计时的时候，右边的做顺时针旋转，旋转到一半的时候，启用左边半圆节点上的Mask组件，右边的继续旋转。

#9

Nice

#10

大佬 可以加QQ问一下么 刚学 现在卡在这了 QQ 540811253

#11

slider.zip (285.8 KB)

1赞
#12

谢谢 万分感谢

#13

企业微信截图_6317b0e8-acea-4127-aee5-8e1876c3f030.png702×384 14.9 KB

g.lineCap = LineCap.ROUND;
g.arc(-10, 10, 60, Math.PI/2, Math.PI, true);
g.stroke();
自己画线

6赞
#14

牛！！！

#15

万分感谢

#16

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

#17

大佬能把完整代码分享一下吗？

#18

试试这个：Cocos Creator | eazax-cases

image
image719×624 16.4 KB

2赞
#19

已经实现效果了，不过还是谢谢！