p5.js Web Editor

test color tracking

Wyatt and I got excited about creating a color tracking painting program.

• You can pick colors with it
• It tracks those colors and uses them as a brush.
• A real time painting program

Wyatt found this really neat library and adapted it to work with p5!

https://www.loom.com/share/e555b3e347aa45a1b02aba2df95729c2

Wyatt implemented the color tracking and I focused on the brushes. Since we could only use primary colors I wanted to create something playful and creative. Kind of loosely inspired by Kandinsky.

Presentation view

We wanted to create bold colors and fun geometric shapes and we wanted the drawing process to be intuitive.

Here is the final code:

p5.js Web Editor