Typewriter (TTY) Effect

Thanks you @Elusien!

:+1: :+1:

Hi @Elusien
I need the Typewriter effect in a project, and I want to reduce the delay between each line of text.

I’m assuming that this is the parameter to edit:

The problem is that whatever the value I put there, the delay doesn’t seem to change.
I’ve tried values ranging from 0.1 to 10 but I don’t see any difference.

It does look as if there is a bug here. I’ll see if I can fix it. In the meantime you can tailor the timing by modifying the <span> elements in the HTML file to contain the delay as the parameter “data-wait”.

    <span class="cursor" data-wait="0">
1 Like

Thank you!

By the way, the temporary fix works well. I like it a lot in fact since it allows to set a different delay to each line if needed.

When you use the app, you can apply the different delays for each individual line and it creates the relevant “data-wait” parameter.

The bug is now fixed. I mistakenly used the word “wait” instead of “delay” in one line of code.

You need to to download a new version of the library “elusien_gsap_tty.js” from the website.

1 Like

Thank you again!