Jump to content
Search Community

Scramble text plugin - (Reverse reveal text)

afandiyusuf 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

Hello,
can i custom scramble text for reversing reveal text?
for now, scramble text will reveal from left to right.
i want my text reveal from right to left
so my text will be like this.
 

 Reveal text : Hello World!
 

jueidkcmdsk!

okwieurjtuid!

2iwejsfkjasld!

wefkjashfrld!

wekjsakorld!

kjdgsWorld!

xkjdg World!
xkjdo World!

ckjlo World!

vkllo World!

nkello World!
hello World!

Thanks for help

 

Link to comment
Share on other sites

Hello afandiyusuf,

 

Welcome to the forums!

 

I hade a look at the documentation for the ScrambleText plugin and saw no reference to it being possible. Are you asking this because the text you are going to animate is on a right-to-left language, by any chance? Or are you just trying a different effect in a left-to-right language?

  • Like 2
Link to comment
Share on other sites

just trying a different effect in a left-to-right language,

I want using scramble text for number.

 

200.000
and the scramble text (with number) will be look better if stop one by one from right to left
8236810

8236800
8236000
823.000
820.000
800.000
200.000

do you have any idea?

try looking into source code, and i still did not have any idea.

thanks for helping
---------------------------
of course this is request from my client/

Edited by afandiyusuf
Link to comment
Share on other sites

Per your request, I created a new experimental version of ScrambleTextPlugin that recognizes a new "rightToLeft" Boolean value, so you could do:

TweenLite.to("#id", 2, {scrambleText:{text:"new text", rightToLeft:true}});

Here's a quick demo: http://codepen.io/GreenSock/pen/810f43bb3a15c9d18152899d055c8183

 

You can experiment on codepen with the pre-release version of the plugin: https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/ScrambleTextPlugin.min.js (won't work locally - just on codepen.io)

 

If you could confirm that it's what you wanted and that it works well, I can go ahead and drop it into the official download zip for Club GreenSock members. 

  • Like 3
Link to comment
Share on other sites

If you're adding new features to the plugin, here's a couple ideas form the forum that I thought were pretty good.

 

Ignoring spaces.

http://greensock.com/forums/topic/15136-ignore-spaces-in-scrambletext/

 

And the other one... well I can't find it anymore, but the user wanted the chars to be switched out in a specified sequence instead of at random. Their animation was using numbers, but for what they were doing it didn't look good because of the randomness. They wanted it to look more like an odometer.

  • Like 2
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...