This is the link to my project: p5.js Web Editor | 4.R Generative Landscapes & Patterns (p5js.org)
Visual documentation:
Since I designed my creature as an insect, I was thinking of putting it in a natural habitat filled with vines and mosses. Besides, to keep a similar visual “style” to the creature, I decided to express my ideas with mathematically generated unrealistic patterns.
One essential thing is setting 2 loops that divide my canvas into 3 lines and 3 rows. I also translated every time to move the starting point of the picture. I gladly found out that the numbers that stand for the lines and rows could be used as a counting limit if I need a pattern to increase or decrease accordingly. I was a bit confused at first because there are too many values in other nested loops and it way a bit misleading.
I am really obsessed with mathematically generated patterns like oscillation or symmetry, and these would be so hard to accomplish if I draw with my hands. I think this is one of the biggest advantages of computer generation to make a good generative pattern because it can easily make a more ordered style, and therefore achieves a harmonious balance between its elements. The arrangement of shapes, colors, lines, or textures should create a pleasing visual composition, with a sense of equilibrium and proportion.