Skip to main content
tjlinzy
Inspiring
March 8, 2022
Answered

Typewriter Effect in Adobe Canvas

  • March 8, 2022
  • 1 reply
  • 1628 views

Hello All,

I am desperately and humbly asking for assistance on creating a typewriter effect in Adobe Animate CC.  I was able to, through a tutorial, create this effect in AS3.  However, now that I’m converting all my files to Canvas, I am stuck and it is a tremendous problem for me.

 

I am absolutely clueless when it comes to coding.  I’ve read an answer to this issue, and the answer was so beyond my comprehension, it was embarrassing.  I am able to do a few simple things and with the help of code snippets, I’m able to fool my friends into thinking that I’m pretty good at this stuff.

 

The AS3 for the typewriter effect is:

 

var myString:String = "I'm from Maryland.";

var myArray:Array = myString.split("");

addEventListener(Event.ENTER_FRAME, frameLooper);

function frameLooper(event:Event):void {

                if (myArray.length > 0) {

                    tf.appendText(myArray.shift());

                } else {

                    removeEventListener(Event.ENTER_FRAME, frameLooper);

                }

}

 

Will someone PRETTY PLEASE, with ice cream on top, translate the above AS 3.  I need this to appear in an Animate file.

Thanks in advance to the angel willing to help me.

Sincerely,

Terri

    This topic has been closed for replies.
    Correct answer JoãoCésar17023019

    Awesome!

     

    If you're using a setInterval approach, you can lower the execution interval.

     

    Which suggested approach are you using?

    1 reply

    JoãoCésar17023019
    Community Expert
    Community Expert
    March 8, 2022
    tjlinzy
    tjlinzyAuthor
    Inspiring
    March 8, 2022

    Wow...ABSOLUTELY.  

     

    I just found them and it works.  Would you happen to know how to speed up the typing effect?  

     

    Thanks so much for your quick response.  

    JoãoCésar17023019
    Community Expert
    JoãoCésar17023019Community ExpertCorrect answer
    Community Expert
    March 8, 2022

    Awesome!

     

    If you're using a setInterval approach, you can lower the execution interval.

     

    Which suggested approach are you using?