Write-on Animation in p5.js

Download the code example that accompanies the video tutorial.

If you haven't already, check out the video tutorial first:

https://youtu.be/zemiN6Z8cNw

When you want to work with font outlines, p5.js' textToPoints() method has a limitation that it cannot separate glyphs. In this video, we use opentype.js and g.js to get proper text outlines and animate a write-on effect.

Please see the included README to learn how to run the sketch code.