Recreating shape modification from https://opentype.js.org/ landing page

[Sigurdmazanti]

Hello,

I stumbled upon opentypeJS today and fell in love with the morphing-effect that is created when I was changing the "strength", "distance", "x" and "y"-values in one of the canvases.

E.g.:

1. 0% strength:
2. 50% strength:
3. 100% strength:

I'd like to recreate this in a similiar way, however not with any controls.
Ideal scenario would be

1. Drawing the text in the canvas with direction=33% and strength=0
2. In an interval of every 50ms, add 1% to the existing strength-value, until strength=92

I would greatly appreciate any insights, guidance, or resources you can provide to help me understand and implement this morphing effect.

Thank you in advance.

[Connum]

I'm closing this as it's not directly related to our library. You can take a look at the code of the demo page to see how the path is being morphed, and take a look at an animation library like GSAP