This project consists of two parts:

“Take a Spline for a Walk”
art project released on Bootloader
More about this project here>>

“From Points to Flowy Curves”
YouTube tutorial
The transcript of the video with few aditions and all the code examples>>

Produced by Processing Foundation in partnership with the Tezos Foundation and Bootloader.

Take a Spline for a Walk

“Take a Spline for a Walk” is an exploration of the new spline functions introduced in p5.js 2.x.

Title of this piece was clearly a word play on the famous quote by Paul Klee: “A drawing is simply a line going for a walk.” But there is also a visual inspiration from his drawings, not just from signature philosophy translated to p5.js splines.

Lately, I’ve been exploring unfolding algorithms and generating drawings on low-poly 3D surfaces. In those works, a line doesn’t stop at the edge of one face but continues seamlessly onto the next. The same idea is carried over into this piece: instead of ending the line at the edge of a page, it continues across multiple pages.

On the screen, the work appears as an animation of curved lines. Once printed, however, it can be folded into a small zine-like book, where those curves reveal themselves to be a single continuous line that can be followed from page to page.

To make the book, save either the A3 or A4 version (press [3] or [4] keys respectively), then print it at home or at a local print shop. Cut along the outer dashed lines, fold along the solid lines, and make the cut indicated in the center. Fold the sheet along its main axis, gently push the center inward, and collapse it into a small book where the spline can continue its walk. If you need more help, press [H] to display the assembly instructions and more hidden keys for interactions.

Try it on Bootloader (https://bootloader.art/generator/p5-js/120)

Processing Foundation produced tizer video for this project, there is a video of me assembling one book from the output, can be helpfull if you need video reference: