Mini Project 4: Generative Landscapes & Patterns

Go check the full-size image: https://drive.google.com/drive/folders/10oQjJsq9cX9R91W2zk0wAPqa05Lups9T?usp=drive_link

Concept: I combined 3 basic shapes: circle, ellipse and triangle, combined them together, randomized the offset of rotation and the size of the shapes to generate random patterns. The random rotation angle set in the beginning of each iteration makes the visual outcome differ a lot from each other while keeping the overall coherence. I also randomized the blend mode to make it blend with difference, add or blend and get different colors. The color is quite harmonious because I used the map function to fill strokes according to their rotation angles, and when the rotation angle is very small, it looks like the cover of an eletronic music album. Though I didn’t expect to have this pattern, the outcome is very surprising and I like it. The interval for randomization is quite large, which enables the images to have significant differences.

Coding: Link to my project: https://editor.p5js.org/jx2494/sketches/cEY_ch5fa

The functions that I mainly used:

for();

push() and pop();

blendMode();

random();

Reflection:

Because the draw() function in p5js is by natural a while loop that never ends, it is important to clarify where to put the codes when I want to draw still motion images. At first, I put all my codes in draw function and started, the program was completely stuck and I had to restart chrome. When using setup() to draw, the importance of the sequence of codes becomes more important because all commands will be done only once.

Leave a Reply Cancel reply