p5.js 2.0: Typography and Fonts
Let's explore new typography features in p5.js 2.0! In this video, I cover how to work with variable fonts, convert text to 3D models with textModel(), extract contours with textContours(), and control the detail of your typography with sampleFactor and simplifyThreshold.
p5.js Discourse thread on the 2.0 release.
Find and use web fonts in your p5.js sketches
Discussion about bugs and questions related to this video.
Discussion about p5.js typography reference errors.
Documentation for loading fonts in p5.js 2.0
Documentation for the textWeight() function
Documentation for the textContours() function
Documentation for the textModel() function
Livestream featuring Kit Kuksenok demonstrating p5.js 2.0 typography features
Learn about async/await in p5.js 2.0
Loading data and assets in p5.js 2.0
Learn about transformations in p5.js
Original steering behaviors challenge, updated for p5.js 2.0 in this video
- Editing
by Mathieu Blanchette
- Animations
by Jason Heglund