Type-on using AS3 - user taps any key & scripted text appears

Question

i’m Wanting to be able to create type-on animations whereby no matter what key the user clicks on the keyboard (A thru Z, Space, Return) scripted text appears one character at a time. (Note: by scripted I mean predetermined paragraph of text - not AS3 type script)

The idea being to simulate typing or data entry so that each key stroke animates an additional character in the string.

I’m new to AS3 and I’m unsure how to approach this task?

Thanks in advance for any advice you can land !

ClayUUID · Accepted Answer

Assuming you have a dynamic textfield on the stage named "myText":

var myString:String = "this is a test";

var chars:Number = 0;

stage.addEventListener(KeyboardEvent.KEY_DOWN, keyHandler);

function keyHandler(event:KeyboardEvent):void {

if (++chars === myString.length) {

stage.removeEventListener(KeyboardEvent.KEY_DOWN, keyHandler);

trace("DONE!");

}

myText.text = myString.substr(0, chars);

}

Joseph Labrecque · Answer

You could animate the text by using a mask - growing the mask along each frame of animation.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded