Spindle is a generative art piece I developed using the p5.js JavaScript library on OpenProcessing.org. This interactive artwork features a dynamic series of rotating squares, inviting users to actively influence the size, position, and hue of each iteration in real time
The interactivity is multi-faceted: mouse movement determines position, with the canvas divided into four quadrants. Squares are randomly generated within the quadrant where the mouse is located, and their hue and size are mapped relative to their distance from the canvas center. The farther the mouse moves from the center, the more vibrant the hue and the larger the square.
Each frame, a small value is added to the degree of angle while retaining the animate() function, creating the dynamic nature.
Additional controls include key commands such as '1' and '2' to adjust saturation and brightness, SHIFT to slow the iterations, 'C' to clear the canvas, and a click function to save the artwork locally.
Spindle exemplifies my ability to integrate creative coding with user-centric design, creating an immersive and customizable visual experience that blends art, technology, and interactivity.