SplitTextField but picking random character

[eco_bach 0 Likes (Newbie)]

I'd like to apply the SplitTextField effect to characters in a textfield but instead of the effect being applied in a sequential manner, I want the characters to be chosen at random. Can anyone show me how I would do this?

[Carl 9,066 Likes (Superhero)]

You could randomize the splitText.textFields Array by passing it into shuffling / randomizing function like shown here: http://www.snorkl.tv/2011/09/actionscript-3-shuffle-array-and-loop-through-children/#more-1417

 

But I'd probably take an easier approach with the same end result.

When you loop through your Array of textfields just create tweens that have randomized delays. So all the tweens will virtually be created in order of the Array, but they will run at random times.

import com.greensock.text.SplitTextField;import com.greensock.*;


var stf:SplitTextField = new SplitTextField(myText, "characters");
var textCount:int = stf.textFields.length;
for(var i:int = 0; i < textCount; i++){
TweenLite.to(stf.textFields[i], 1, {y:100, alpha:0, delay:Math.random() * 3})
}

If you want to add each tween to TimelineLIte so you can pause(), reverse(), restart() etc just randomize the position parameter

 

import com.greensock.text.SplitTextField;
import com.greensock.*;


var stf:SplitTextField = new SplitTextField(myText, "characters");
var textCount:int = stf.textFields.length;
var timeline:TimelineLite = new TimelineLite();
for(var i:int = 0; i < textCount; i++){
timeline.to(stf.textFields[i], 1, {y:100, alpha:0}, Math.random() * 3)
}

Both code blocks above can be pasted into an FLA with a TextField with instance name of myText.

 

Does that help?