Creative coding / ILLUSTRATED SERIES

The Book of Canvas

Generative Art and Creative Coding in the Browser

Make drawings that move in p5.js. Use noise, flow fields, particles, and pixels to build up each sketch.

Coming soon

We’re preparing this book for publication. Its Amazon listing will be linked here when it’s available.

Read a sample chapter

A REAL LOOK INSIDE

Your First Sketch

This chapter gets one shape onto the screen. Along the way, it introduces the two functions that organize a basic p5.js sketch and the order in which shapes are painted.

An excerpt from the working manuscript. Read the illustrated pages or download the complete sample chapter.

Read the sample →

First page of Your First Sketch, a sample from The Book of Canvas

A LITTLE MORE CLARITY

What you’ll explore.

People with basic coding experience who want to make something visual.

The outline is from the working manuscript and may change before publication.

01Shapes and motion
02Vectors
03Noise
04Particles and flocks
05Flow fields
06Working with pixels

PUT AN IDEA TO WORK

There’s a seat for your curiosity.

Try a coding problem, then compare approaches with a friend.

Explore practice

Opening your workspace…