Shapes & Colours

Looped HSB

A full-windowed canvas displaying the HSB Colour Model.

Interactive Looped HSB

Identical to the previous demonstration above however, this project replaces the static HSB canvas to follow the mouse cursor.

Radial Fan

Similar objective to the projects above, this however, displays the HSB Colour Model in a radial manner.

Basic Translations

Stepping aside from the colour theory, this project's purpose is a refresher on the basics of translate(), push() and pop().

HSB Colour Tool

Using the practices of HSB and translations, this project consists of a simple interactive canvas tool. This tool will then help the user to understand the HSB Colour Model.

Interpolation

This abstract animated canvas displays the interpolation of colours by using the P5.js function lerpColor().