Jump to content
Search Community

Character Swapper with SplitText and TimelineMax?

PawleyBoboli test
Moderator Tag

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

Hi Folks,


I cobbled my way into translating this character-swapping transition from a previous version that was AS3.  This works OK, but it's not quite as smooth as the Flash version was.  Also, I think better programmers could make it more efficient.  here's my codePen:  

See the Pen srEmB?editors=001 by PawleyBoboli (@PawleyBoboli) on CodePen


This seems like it is completely do-able with SplitText and TimelineLite or Max, but I struggled to come up with a solution with those tools.  I appreciate any tips or insight.




Link to comment
Share on other sites

Hi Kevin,


If you have a Club membership you can try the Scramble Text Plugin:




In addition you can give the Text Plugin (comes with the package you download and it's on the CDN repository) a try as well:




I've played and made some things with Scramble and Split Text, but never combined them, but for what I can see in your codepen Scramble Text could be what the doctor ordered ;)



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.
  • Create New...