Structure and Noise - Creative Coding 142

Final

Structure:

This is my structured composition as you can see. I wanted to work with circles since a circle is a very symmetrical shape as it revolves around a point making it a very structured shape compared to many other shapes. So I wanted to see what I could do to distort them and transform them into noise and into something unrecognisable to a circle. I added in a stroke to the circles that is the same as the fill, but not opacified like the fill of the circles. I decided on this blue from my inspiration image of a possible colour palate. This used this bold coloured stroke to make my circles pop out from the black background and not melt into it.

Structure + Little Noise:

I still kept the original layout of the repeating circles on the x and y axis, but added noise in the form of extra circles transformed by the random function to make ovals overtop the existing circles. Also if you look closely enough you can make out that although I have kept the existing layout I have also made the first layer of circles into wonky vertical and horizontal lines. Thus introducing noise into my composition.

Noise + Little Structure:

I added another ellipse to the mix to create an increase in the noise of the composition. I also made the random function for the last layer have a wider variation in the sizing of the ellipses. After I had done that it didn't seem like enough change had happened so I increased the wonkyness and the random function to change the variation in the widths and heights of the first layer. And this was the result. This I thought was a good composition for the second to last image as it showed more the noise of the ellipses but still a little but of structure was left in the composition (but not much).

Noise:

Finally there was no more structure left and all that is present are the curved lines of the ellipse overlapping each other left due to increasing the variation in sizing and layout (wonkyness). The composition that I had stated with is no longer present at all which is what I wanted to achieve. The overlapping ellipses that are all opacified down creates an aesthetically pleasing composition due the different variations of blue that the layering has caused. Also the thin stroke enhances the aesthetics to create a messy yet artistic look about it. This is so contrasted against the boring structured look of the first composition.

Final Assembly of all 4 Compositions:

In the assembly of all four compositions you can notice the transformation taking place from a very structured composed image to a very loud and noisy composition. Along with this transformation you can see a gradual inclination of a gradient taking place. To make my transformation effective I made my structured image very unoriginal where all you notice are the neatly formed rows of circles seems void of expression and is very organised whereas in the noisy image you can see that the ellipses have become disorganised, multiplied and grown into a composition full of expression and emotion to create a uniquely-vivid noisy composition. I am very pleased with my outcome and now can now understand the coding for looping a lot better than I did at the start where I was pretty much lost.

Structure and Noise - Creative Coding 142

Further Development

Combinations:

Here I increased the number of circles and added a random function to create noise. Because of the multiple circles and random function the circles are all positioned out randomly. To enhance the overlapping of circles I made them transparent and experimented using a purple colour palate. This I thought looked really nice, but the purple seemed to disappear into the background to much.

So I decided to add in a stroke from my previous experimentation and this made the circles/ovals stand out. I added in another random function to create various shaped ovals to enhance the noisiness of the image. However I still thought that the purple still blended in too much into the background and did not yet have the bold effect I was looking for.

Structure and Noise - Creative Coding 142

Developing Own Style

Using Ovals:

Here I experimented again with changing stroke but this time with ovals to see what would happen. I found that this made a way more interesting composition. It looks structured yet  quite noisy in the business way of the image.

Here I just used colour to see what it would look like. I made it a rainbow because I love rainbows. And to decide what colour would look better.

Here I just changed the code a little bit around and come out with this. I quite liked the middle as the layering created crosses.

Colour:

I found this in one of my old image folders and really liked this colour pallet, especially against the black/dark background. And the bright blue and purple I found stands out and pulls you into the image.

Structure and Noise - Creative Coding 142

Experimenting with Pattern Maker

Triangles:

I wanted to try out new shapes and thought triangles would make an interesting composition. I struggled to get the hang of looping, but by using pattern maker loops it made it easier to create repetition of shapes.

Using Random Function:

Here I used pattern maker for both circles and rectangles. Except for the rectangles I used the random function to change the widths and lengths. I kept the circles because I thought that the circles with the rectangles made a very structured and abstracted composition.

Overlapping Patterns:

Here I created my code so that all circles overlap each other. And so I experimented with stroke to see what happened when the opacified circles overlap each other.

Here I used a thin stroke. This made me think of a chain linked fence. Where the circles overlap it made a sort of criss-cross pattern and the sort of oval shapes create four leafed flowers making it quite aesthetic. 

Here I used a thicker stroke. I prefer the thicker stroke as it is bolder and louder. I found that the parts where the circles overlap made little pointy leafed flowers which I liked a lot and that it is darker.

To make my composition of circles more interesting I decided to add in squares. This gave it quite a  mosaic look about it. The thinner stroke enhanced this look whereas with a thicker stroke...

... made a really awesome pattern, almost like wall paper. The opacity makes the true green colour come through more and creates an aesthetic layering.