Skip to main content
Participant
June 28, 2021
Answered

Counting up animation for an html5 banner ad

  • June 28, 2021
  • 1 reply
  • 657 views

Hello community,

 

I am reaching out because I need to figure out a way to animate a counter going up from 15 to 95 for an html5 banner ad.

 

I tried searching for a solution in the community and found a couple of similar questions but so far the solutions haven't worked for me.

 

Would anyone please be able to assist me with this one? Thank you!

 

This topic has been closed for replies.
Correct answer JoãoCésar17023019

Hi.

 

You can use TweenJS for this kind of animation. Like this:

this.countText.count = 15;

createjs.Tween.get(this.countText).to({ count: 95 }, 1000, createjs.Ease.sineOut).addEventListener("change", function(e)
{
	e.target.target.text = Math.round(e.target.target.count).toString();
});

 

I hope it helps.

 

Regards,

JC

1 reply

JoãoCésar17023019
Community Expert
JoãoCésar17023019Community ExpertCorrect answer
Community Expert
June 28, 2021

Hi.

 

You can use TweenJS for this kind of animation. Like this:

this.countText.count = 15;

createjs.Tween.get(this.countText).to({ count: 95 }, 1000, createjs.Ease.sineOut).addEventListener("change", function(e)
{
	e.target.target.text = Math.round(e.target.target.count).toString();
});

 

I hope it helps.

 

Regards,

JC

erickjgilAuthor
Participant
June 30, 2021

This worked for me. Thank you so much, JC!

JoãoCésar17023019
Community Expert
Community Expert
June 30, 2021

Awesome! You're welcome!