Algorithmic Art is a creative coding technique that uses code, simple maths and logic to create engaging static or dynamic images.  p5.js, the language it was originally designed for, is the best suited.  As a JavaScript library, it can be used in the browser without downloading software.  Processing.org has created a brilliant web editor that lets you code in your browser and see the results instantly. Simply type your code and it’s translated into a canvas within the web editor. Click the link or image to download the PDF.

Module A: shapes and loops

Module A introduces you to various shapes at your disposal and also to keep concepts that are key to coding in general.

video #1 introducing the web editor 🎥

video #2 the web editor buttons 🎥

video #3 the default code 🎥

Module A Unit #1 exploring the 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 circles 🗒️

Module A Unit #7 pixels 🗒️

Module A Unit #8 10Print 🗒️

Module B: colour and movement

Module B adding to the previous module we will now explore movement and further explore colour

Module B Unit #1 bounce and rotate 🗒️

Module B Unit #2 orbit and oscillate 🗒️

Module B Unit #3 text 🗒️

Module B Unit #4 RGB slider 🗒️

Module B Unit #5 HSB colours 🗒️

Module B Unit #6 colour chart and picker 🗒️

Module B Unit #7 arrays 🗒️

Module B Unit #8 irregular shapes 🗒️

Module B Unit #9 arcs and mapping 🗒️

Module B Unit #10 phyllotaxis 🗒️

Module C: 3D shapes and light

Module C now we move from 2D shapes to the wonderful world of 3D shapes

Module C Unit #1 3D shapes 🗒️

Module C Unit #2 orbit and smooth 🗒️

Module C Unit #3 lights and material part 1 🗒️

Module C Unit #4 lights and material part 2 🗒️

Module C Unit #5 graphics texture 🗒️

Module C Unit #6 cube wave 🗒️

Module D: classes and arrays

Module D introduction to using classes in your coding and more on arrays

Module D Unit #1 functions and classes 🗒️

Module D Unit #2 another class 🗒️

Module D Unit #3 an 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 arrays part 1 🗒️

Module D Unit #8 arrays part 2 🗒️

Module E: particles and perlin

Module E This module covers two important concepts for art, they are particles and perlin noise

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 firework display 🗒️

Module E Unit #6 perlin flowfield 🗒️

Module F: sound and vision

Module F This module mostly explores using videos, images and sound files. Currently a work in progress!

Module F Unit #1 the keyboard and mouse 🗒️

Module F Unit #2 HTML 🗒️

Module F Unit #3 video capture 🗒️

Module F Unit #4 image files 🗒️

Sound File for Module F Unit #5 jam 🎼

Module F Unit #5 the sound of music (in progress)