Copy link to clipboard
Copied
I want a create a typewriter text animation on effect like this https://typeitjs.com/ in canvas.
I have been searching online for a long time and just can't find an answer... if anyone has an idea I would love to hear from you!
use the ticker's framerate or interval. eg,
createjs.Ticker.framerate=10;
(but i suspect that will affect your entire projects framerate). if that's not a problem, use it or, at least, try it.
if it's a problem, use setItnerval:
var s = 'this is your text';
var F = f.bind(this);
var fI;
clearInterval(fI);
fI=setInterval(F,400);
function f(e){
if(this.tf.text.length<s.length){
this.tf.text+=s.charAt(this.tf.text.length);
} else {
clearInterval(fI);
}
}
Copy link to clipboard
Copied
You made this in 2019 and I just want to say thanks!
Copy link to clipboard
Copied
Hello kglad,
Sorry, I posted this question in the wrong place. Thanks so much for this information. I am not good at coding, however, I was able to incorporate this into my Animate file without a problem. I really appreciate your assistance.
However, I do have one question. I tried speeding the typing effect up by changing the }.bind(this), 1000 / (cps ? cps : 12)); as well as the framerate in my document.
Will you please tell me how to speed up the effect? I spent a lot of time trying to figure it out for myself, but I just can't. I will be extremely grateful for your patience and assistance.
Sincerely,
Terri
Find more inspiration, events, and resources on the new Adobe Community
Explore Now