Autotyping text animation in flash

From:

www.flashfridge.com

Step 1

Create a new flash document. Press Ctrl+J key on the keyboard (Document Properties) and set the dimensions of your document as whatever you like. Select white color as background color. Set your Flash movie's frame rate to 34 and click ok.

Step 2

Select the Text Tool (A) and go the Properties Panel (Ctrl+F3) below the stage. Then, choose the following options:

1. Select a Dynamic Text field,
2. Select a Lucida Sans as font.
3. Choose 12 as font size and bold it,
4. Select #000000 as color,
5. As the rendering option, select Use Anti-alias for readability.
6. For instance name choose My_text.



After that, click and drag out a big text field on the stage. Make it a little bit smaller than the stage.



Step 3

Call the current layer autotyping text. Double-click on its default name (Layer 1) to change it. Press Enter once you have typed in the new name!

Step 4

Create a new layer above the layer autotyping text and name it action script. After that, select the first frame of layer action script and go to the action script panel (F9). Then, enter this code inside the actions panel:

var i:Number = 0;
var myMessage:String = "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. \n\n It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.";

function autoWrite():Void {
 if (i<=myMessage.length) {
  My_text.text = myMessage.substr(0, i)+"█";
  i = i+1;
 } else {
  clearInterval(writingInterval);
 }
}

var writingInterval:Number = setInterval(autoWrite, 16);

Again_btn.onRelease = function():Void {
 i = 0;
 writingInterval = setInterval(autoWrite, 16);
}

Step 5

Create a new layer above the layer action script and name it again button. After that, select the Text Tool (A), choose Static Text, any font, font size and type somewhere on the stage again. After that, while the text is still selected, hit F8 key (Convert to Symbol) to convert it into a Button Symbol.



Step 6

While the button symbol is still selected, go to the Properties Panel below the stage. On the left side, You will find the Instance name input field there. Call this Button Symbol "Again_btn". See the picture below!



We're done now!

Test your movie and enjoy!