A workshop crafted for CCFest 2025


Take a few lines of text and bestow lifelike motion on them. Using p5.js, we’ll look at how to measure the width of each character, space them out, and use a bit of math to keep each one stringed to the next. At the end, we'll have a kinetic type animation.

Screen Recording 2025-09-08 at 8.56.32 PM.gif

This workshop will assume a basic understanding of code (variables, loops, arrays). We will be using p5 version 2.0.5 for this workshop.

Here is a collection of sketches from the workshop - https://editor.p5js.org/sairamved/collections/R08np9fF_

Slides - https://www.figma.com/slides/yyWT8F4bP5OYSiRiY433ru/CCFest---Stringing-worms-with-type?node-id=1-42&t=9d4iZubSrO9Qu32C-1