Project Brief
Using simple lines, shapes and colours create a generative art project using p5.js. The art could be dependent on mouse interaction, user input, time etc.
Design Process
This project was my introduction to p5.js, an open-source JavaScript library for creative coding, and my first time learning JavaScript. I started by creating two different types of sketches.
The first one automatically generated rectangles of random sizes that slowly filled the screen. When the mouse was pressed, they would randomly fill. To further improve this sketch, I used transparencies and reduced the frame rate.
My second sketch made different circular mandala patterns as the user moved the mouse around. If you pressed the mouse, the pattern would change into the ombre 'scales' (image reference under process pictures). I made small adjustments to it, again using transparencies, to increase the complexity of the mandalas.
Finally, I exported the second sketch as an SVG (each SVG had a different pattern determined by mouse-position. The pattern was transferred to paper using a laser-cutting machine. I added a chipboard backing to provide additional support.
