word written in black and white
Download

Payments are handled by the Lemonsqueezy platform. Please refer to the terms and privacy policy.

Write-on Animation with p5.js

Updated on Jul 06, 2024

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.