Sprinkles (Processing and P5.js)

2021

In 2021, I took a class in Creative Coding that taught me how to use Processing (Java). This is a showcase of the evolution of a drawing tool. I started playing with the concept of drawing and randomization with Processing3. In this series, there are three distinct phases which developed my final drawing tool.

The Mirror




The first drawing tool I created is a simple mirror of the drawing, across both the X and Y axis. I then assigned a random draw color each time after the drawing is paused.

Images:


The Mirror

See project code here.

The Sprinkles




The second drawing tool focused on the design of my brush. I played with rotating squares to circular shapes. Each square drawn would have a randomized color, which created rainbow pinwheels and a spray that reminds me of sprinkles. The size of the squares depend on the mouse position along the X-axis.

I created one version of the tool where two rows are created at a time, with a radius dependent on the mouse position along the Y-axis. The pictures displayed are captured from that version.

Images:


The Sprinkles

See project code here.

The Tool




The last drawing tool I created utilizes a simple color selection feature. I reused my sprinkles brush, but now applying a controlled set of colors to the canvas.

Images:


The Tool

See project code here.