Code as Art - p5.js

This project is inspired by Steve’s Makerspace on Youtube. In the interactive canvas Code As Art, users are immersed in the lenses of code being used to create random generative art. The user has the choice to make the art themselves, where they have the option to craft their own design using the choices. The concept of this UI- based artwork is to not only showcase how generative art can be interactive, but it also portrays the endless possibilities that generative art has to offer. The user can collaboratively create an aesthetically pleasing and dynamic canvas, with the elements of different birds, abstract shapes, and layered patterns. It balances through organic and geometric forms, collaborating with the similarities of nature and technology.

https://editor.p5js.org/zzaina/full/nSUulAt3w

Garden Art Studio - p5.js

In Garden Art Studio, I created an interactive “garden art studio” that allows users to build their own generative artworks using nature inspired brushes. I focused on soft, organic shapes such as flowers, sprouts, mushrooms, leaves, blobs, and daisies, to maintain a consistent garden aesthetic. With these options, users are able to create whatever their heart desires, without having to do it manually! In the Garden Art Studio, sky is the limit.

https://editor.p5js.org/zzaina/full/oDGDXtKBU

Climate River

In this generative coding piece, I created a climate river that loads annual anomalies from NASA’s dataset and renders them as a flowing ribbon where colour encodes warming or cooling or thickness encodes anomaly magnitude. The moving trend line and interactive controls help users explore how climate has changed over time.

https://editor.p5js.org/zzaina/full/V_rW8R_4Y

Dynamic Brushes

In Dynamic Brushes, users are given controls to create their own dynamic brush piece, where they can experiment with different brush types and have fun! Options include a polygon, triangle, or wave, and design options include colour, fill, stroke, weight or jitter. With Dynamic Brushes, there is no limit to what you can create!

https://editor.p5js.org/zzaina/sketches/WncWrDc-k

Blob Pixels: Water Lilies Reconstruction

Blob Pixels: Water Lilies Reconstruction reinterprets Claude Monet’s piece, Water Lilies, through a generative art lens. Each pixel of the source image becomes an organic, noise shaped blob that creates a new approach to pixelated art.

https://editor.p5js.org/zzaina/full/HbFUM4CKJ

Next
Next

3D Modelling - Rhino8 and Blender