An introduction to p5.js

This is for those who have never coded before or are new to p5.js. This is a useful process before tackling the ml5.js modules. It will give you some understanding and experience of the foundation for this machine learning tutorial. Just download the pdf, either print it off or have it on screen or on another monitor or tablet to reference.

Shapes

This is to get you started coding, firstly some very basic shapes, then introducing colour and text

Movement

Let’s get these shapes moving

Translate

How to make use of the translate function

Arrays

One of the most important topics in coding

Oscillate

Oscillations can create some very pleasing effects

Vertex

Creating shapes through using a vertex function

Classes

Introduction to object orientated programming (OOP)

Vectors

Understanding the concept of vectors

Keyboard and Mouse

Useful bits of code if wanting to interact with the keyboard or mouse

DOM and HTML

Using DOM elements such as buttons and sliders