Paint palette switchboard for interactive experimentations with color.

  1. Color Gradients
  2. Swatching
  3. Visual Perception

Highlight Key:

Components used

Areas of uncertainty

1. Color Gradients

Pixel Array vs Gradient Function

Recently, I learned about the pixel array in my Computational Media class. I was inspired by The Pixel Array - p5.js Tutorial by The Coding Train and wanted to do something with the pixel array for any assignment because the gradients were pretty and more nuanced than the makeshift ones I’ve been making before with different colored rectangles.

For my final project, I wanted to create a gradient, similar to the ones I made when practicing coding with the pixel array (p5 sketch).

Screen Shot 2022-11-15 at 10.29.06 PM.png

Screen Shot 2022-11-15 at 10.29.56 PM.png

Screen Shot 2022-11-15 at 10.31.19 PM.png

Screen Shot 2022-11-15 at 10.29.56 PM.png

Rose Colored Lenses p5 Sketch

Rose Colored Lenses p5 Sketch

However, I very recently learned a new way of making gradients from wathching a Gradient Effect tutorial by Kazuki Umeda.