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

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

Clous image:

clouds.jpeg

Workbook #1 Your First Circle

Module A Unit #1: p5.js web editor
Module A Unit #2: your first circle
Module A Unit #3: adding RGB
Module A Unit #4: lots of lines
Module A Unit #5: squares and rectangles
Module A Unit #6: ellipses and triangles
Module A Unit #7: pixels
Module A Unit #8: 10PRINT

Workbook #2 Colour and Movement

Module B Unit #1: bounce and rotate
Module B Unit #2: orbit and oscillate
Module B Unit #3: using text
Module B Unit #4: RGB and the slider
Module B Unit #5: HSB colours
Module B Unit #6: colour charts and pickers

Workbook #3 Phyllotaxis and Arrays

Module B Unit #7: arrays
Module B Unit #8: irregular shapes
Module B Unit #9: arcs and mapping
Module B Unit #10: phyllotaxis

Workbook #4 3D Shapes and Lights

Module C Unit #1: primitive 3D shapes
Module C Unit #2: orbiting and smoothing
Module C Unit #3: lights and materials #1
Module C Unit #4: lights and materials #2
Module C Unit #5: graphics texture
Module C Unit #6: the cube wave

Workbook #5 Classes and Objects

Module D Unit #1: functions, objects and classes
Module D Unit #2: another class
Module D Unit #3: array of objects
Module D Unit #4: push and splice
Module D Unit #5: the overlap
Module D Unit #6: pixel arrays
Module D Unit #7: 3D arrays part 1
Module D Unit #8: 3D arrays part 2

Workbook #6 Particles and Perlin

Module E Unit #1: Creating and Uploading Files
Module E Unit #2: perlin noise
Module E Unit #3: 2D Perlin Noise
Module E Unit #4: smoke and fire
Module E Unit #5: fireworks display
Module E Unit #6: perlin flowfield

Workbook #7 Sound and Vision

Module F Unit #1: keyboard and mouse
Module F Unit #2: HTML
Module F Unit #3: video capture
Module F Unit #5: the sound of music
Module F Unit #6: the microphone
Module F Unit #7: telling the time
Module F Unit #8: local storage
Module F Unit #9: using json files

Workbook # 8 3D Glasses and AI

Module G Unit #1 3D glasses
Module G Unit #2 typography
Module H Unit #1 introduction to AI
Module H Unit #2 handPose pretrained AI
Module H Unit #3 handPose emoji
Module H Unit #4 faceMesh