Jump to content


scrambletext revealDelay ease

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

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.