p5js.md

p5js

This is a collection of notes on the p5.js library. There is a corresponding repo with the configured project and sample code described here.

Basic setup

The easiest way to get setup with a auto-reloading ES6 server is with the p5-manager.

Sketch Functions

Setup

Where one-time initialization code goes. Minimally, we setup a canvas:

  createCanvas(width, height)

Draw

Code to draw a single frame.

Primitives

Canvas

(0,0) --- (x,0)
  |         |
(0,y) --- (x,y)

createCanvas(width, height)

Shapes

line(x1,y1,x2,y2)

Color

background()
fill()
stroke()