Algorithmic Art Tutorial
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 links to download the free 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 🎥
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 B: colour and movement
Module B adding to the previous module we will now explore movement and further explore colour
Module C: 3D shapes and light
Module C now we move from 2D shapes to the wonderful world of 3D shapes
Module D: classes and arrays
Module D introduction to using classes in your coding and more on arrays
Module E: particles and perlin
Module E This module covers two important concepts for art, they are particles and perlin noise
Module F: sound and vision
Module F This module mostly explores using videos, images and sound files. Currently a work in progress!