Algorithmic Art is your first step into coding. It is simple and intuitive, ideal for beginners and serious coders alike. The coding uses a JavaScript library called p5.js which is becoming very popular. It is open source, it is totally free to use, you do not need to sign up for anything. You don’t even need to download any software it all happens in the web browser, such as Chrome.

I have some short video to help you get started. click on the links below. To access the workbooks you simply click on the book image or the download button. After downloading I recommend that you print it off or have another device you read it from, such as a tablet.

Short Videos

These videos are approximately 5 minutes long, they give a brief visual explanation to accompany the workbooks.

video #1 introducing the web editor (video 🎥)

video #2 the web editor buttons (video 🎥)

video #3 the default code (video 🎥)

Resources

Below are some links to resources. However, if you want a template that has those resources already uploaded and also all the libraries that you will need as you progress through the workbooks then you can use the template below. All you need to do is click on the link, duplicate it, save it as your own sketch and use it. It is that simple and also much easier as I have done most of the hard work for you. Feel free to make use of it.

The p5.js template

Music mp3 called jam:

jam.mp3

A variable weight font from Google Fonts. You need to download all 9 fonts and then go and dig out the one highlighted below:

roboto-VariableFont_wdth,wght.ttf (variable weighted font)

Clouds image:

clouds.jpeg(image for the faceMesh)

Workbook #1 Your First Circle

p5.js Web Editor
Your First Circle
Adding RGB
Lots of Lines

Workbook #2 10Print Patterns

Squares and Rectangles
Ellipses and Triangles
Pixels
10PRINT

Workbook #3 Colour and Movement

Bounce and Rotate
Orbit and Oscillate
Using Text
RGB and the Slider
HSB Colours
Colour Charts and Pickers

Workbook #4 Phyllotaxis and Arrays

Arrays
Irregular Shapes
Arcs and Mapping
Phyllotaxis

Workbook #5 3D Shapes and Lights

Primitive 3D Shapes
Orbiting and Smoothing
Lights and Materials #1
Lights and Materials #2
Graphics Texture
The Cube Wave

Workbook #6 Classes and Objects

Functions, Objects and Classes
Another Class
Array of Objects

Workbook #7 Pixels and 3D Arrays

Push and Splice
The Overlap
Pixel Arrays
3D Arrays Part 1
3D Arrays Part 2

Workbook #8 Perlin and Fireworks 1

Perlin Noise
2D Perlin Noise
Smoke and Fire
Fireworks Display Part 1

Workbook #9 Display of Fireworks 2

Fireworks Display Part 2

Workbook #10 Flowfields and Files

Perlin Flowfield
File Management

Workbook #11 Video and HTML

Keyboard and Mouse
HTML
Video Capture

Workbook #12 Sounds and Json Files

Image Files
The Sound of Music
The Microphone
Telling the Time
Local Storage
Using Json Files

Workbook #13 3D Glasses and AI

3D glasses
Typography
Introduction to AI
Colour Predictor

Workbook #14 Pre-trained AI Models

The handPose Pre-trained Model
The handPose Emoji
Using faceMesh Pre-trained Model