P5.js EXPERIMENTS

Collection of creative P5.js interactive functions

1. Color_Relativity.js - Relativity of Color (Homage to Joseph Albers)

I wanted to create an interactive sketch based on some works by Joseph Albers' Interaction of Color (ISBN: 978-0-300-17935-4). The Relativity of color sketch works on the premise that one single color can appear as two.

The light brown squares can be clicked and dragged to show that they are the same colour, highlighting that "1 color can be made to appear as 2 different colors".

Screenshot

Working Example

Follow this link and try clicking and dragging one of the brown squares Color Relativity Sketch

2. Color_mixer.js - RGB Sketch

This sketch utlises the blend functions in P5.js to visualise how the primary RGB colours mix and interact with each other in an additive way.

Screenshot

Working Example

Follow this link and simply move your mouse around to move the 3 RGB squares simultaneously RGB Sketch