Programming for Visual Artists – All topics

p5.js Hello World: Draw ellipses

Shapes, coordinates and colors

https://p5js.org/learn/coordinate-system-and-shapes.html

https://p5js.org/learn/color.html

Variables

Random

If and else

Quiz 1, Quiz 2

Clock example

For

Quiz

Ornament with for

Drawing a line with for

Drawing a circle with for

Noise

Still noise line:

Animated noise line:

Noise ribbon:

Noise circle:

2D Transformations

p5js transformations tutorial

Audio and p5js

Coding Train sound tutorial playlist

Voice reactive noise ribbon:

FFT line:

Mp3 input

Images and p5js

Arrays

Webcam

Classes and objects

Natural systems

Daniel Shiffman’s book about natural systems: The Nature of Code.

Examples in the book are created with Processing but you can find p5.js examples here: https://github.com/nature-of-code/noc-examples-p5.js?files=1.