Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

scrambletext revealDelay ease

Recommended Posts

Hello GSAP,


is there any way that i can ease the revealDelay per character in my element?


let's say if i have '39485', characters from the left will reveal faster than the characters on the right.




See the Pen Rrrzqo by anon (@anon) on CodePen

Link to comment
Share on other sites

Hello OSUblake,


Here's what's closer to what i wanted to achieve and i thought ScrambleTextPlugin would've done the job

See the Pen YwqKOM by anon (@anon) on CodePen


I still want the end part of the animation to easeOut and go slower as it nears the target number. 




Link to comment
Share on other sites

I thought the onUpdate updates according to the ease.


0                       1

|          |      |   | ||   (i was expecting this)

||||||||||||||||||||||||||   (when it was really like this)

Link to comment
Share on other sites

It updates on every tick. What you were expecting is what easing does.


You still might want to try and tween each number individually like I did, but without the stagger. Maybe put them in timeline. That way you can increase the time for each individual number, which is what the revealDelay is doing. Then you could tween the timeScale to slow things down.

Link to comment
Share on other sites

i get it now, but still working on the algorithm.


thanks a lot OSUblake

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.