Problem with Progress Timer Radial rendering

cocos2d-x JavaScript
#1

Hi!
I have created Progress Timer Radial with sprite dynamically:

var _progressBar = new cc.ProgressTimer(image);
_progressBar.type = cc.ProgressTimer.TYPE_RADIAL;
_progressBar.setReverseDirection(_config.isReverseDirection);
_viewObject.addChild(_progressBar);
_progressBar.setPosition(image.getPosition());
_progressBar.setRotation(_config.rotation);
_progressBar.setPercentage(percents);

In launched web page it looks good:

when i`m resizing window of web page something strange happens:

When i’m resetting vertex data and updating progress after window was resized it`s become normal:

_progressBar._renderCmd.resetVertexData();
_progressBar._renderCmd._updateProgress();

It seems that ProgressTimer is not rendering normally.

Maybe, somebody knows what is the problem with?

It worked good in Cocos html5 engine v3.8, but now i`m using v3.12

Thanks!

#2

I’m having the same issue with moving radial progress timers. Thanks for the vertex data reset tip, it saved the project!

1 Like