p5.strands interactive reference v0.2

What is p5.strands? You can check this introductory tutorial: "Hello Color World" or this talk from Libre Graphics Meeting 2026.

Step 1: Build in setup()

Step 2: Use in draw()

Step 3: Define behavior using hooks

All of these functions and variables can be used in p5.strands:

How to use:

Use touch, mouse hover, or keyboard tab to interact with the chips. The functions that can be used together will be highlighted for every chip in focus.

For all configurations there is sample code or a template you can use as a starting point. This will be shown here when you hover.

Press "c" or click to copy the current snippet to your clipboard!

This tool is a work in progress, feedback is welcome on discord.p5js.org in #p5strands!

Made by Kit Kuksenok with feedback from Dave Pagurek and ilithya. Feel free to use, share, and remix with attribution. CC-BY-NC-SA 4.0