Animate Textfields Inside For Loop

programming flash
1

Currently, I’m trying to animate a body of text. I’m trying to have each letter of the paragraphs increase alpha to simulate the typing effect. Also, to have a easing effect towards the end of the text. I got the advice to create a textfield for each letter, so I can animate them independently. With the codes below, I managed the add the text to my project. But unfortunately, the letterspacing is out of place, the text doesn’t have multiline, and the tween doesn’t appear.

Can anyone offer any help? It will be greatly appreciated. Thanks.


public class InfoPage extends AbstractPage {
      
      private var _info:TextField;
      private var _infoText:String = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id orci at ipsum porttitor consectetur. Donec pulvinar, purus eget laoreet placerat, nisl libero auctor sem, ut dignissim est justo ac dui. Proin vel libero lectus, vel lacinia massa. Integer eget sapien ac massa mattis lacinia non nec eros. Vivamus ac lacus eu arcu malesuada convallis. Quisque leo metus, tincidunt id posuere vel, malesuada bibendum metus. Praesent in sapien nisi, ut sollicitudin odio. Aenean sit amet lorem in eros laoreet congue. Nam tincidunt eros ac arcu faucibus blandit. Morbi pulvinar dui non ante congue in consequat neque dapibus. Integer eleifend tellus et ligula placerat adipiscing. Nullam nibh nulla, iaculis eu congue sed, pharetra eu magna. Nunc velit purus, volutpat dictum blandit vitae, ultrices eu turpis. In euismod faucibus tristique. Quisque eget diam urna. Duis ligula sem, tincidunt et facilisis quis, blandit tempus nunc. Suspendisse sed lectus sit amet quam eleifend commodo.";
      private var _infoArray:Array = _infoText.split("");
   
      public function InfoPage(){
         
         super();
         alpha = 0;
         
         for (var i = 0; i < _infoArray.length; i++) {
            
            var _font:Font = new Font();
            var _tf:TextFormat = new TextFormat();
            _tf.font = _font.fontName;
            _tf.size = 14;
            _tf.color = 0x333333;
            _tf.leading = 3;
               
            _info = new TextField();
            _info.name = "info";
            _info.defaultTextFormat = _tf;
            _info.antiAliasType = AntiAliasType.ADVANCED;
            _info.embedFonts = true;
            _info.wordWrap = true;
            _info.multiline = true;
            _info.selectable = false;
            _info.text = _infoArray*;
            _info.x = 0 + i * 8;
            _info.alpha = 0;
            _info.width = 800;
            _info.height = 400;
            addChild(_info);
            
            TweenLite.to(_info, 1, {alpha:1, ease:Cubic.easeOut});
            
            }
      }