Processing Sketches

concept, coding and visual output

The aim for my sketch was to create five different visual outputs that have coherence with one another and some motion to each. My objectives were to successfully create motion within each output, have a set colour palette for each output and show knowledge of programming principles.

My sketch is a modern interpretation on Wassily Kandinsky’s Circle in a Circle Painting. It displays 5 outputs which run along the same theme of Kandinsky’s painting but with slight variations and motion graphics. The intended outcome for this sketch is to show how a painting created in 1923 can be recreated with modern technologies and slight variations to display interesting works.

The inspiration for my moving circles came from a sketch I found on openprocessing.org. The sketch is called Simple object example; in the sketch the ellipses move around the canvas and when they hit the edge they bounce back and continue to move without ending. From this sketch I found a forum which posted about ellipse moving along a spine, I adapted this code to work this my sketch.

My creative confluences for the assessment were Wassily Kandinsky’s Circle in a Circle Painting and an example shown in the tutorials about brief three and how they used colour palettes. I have written about Wassily Kandinsky’s work in other creative subjects and I found his work interesting and abstract to look at. I searched up some of this works and came across the Circle in a Circle Painting. From seeing this painting, I had a clear idea of my sketch outputs for the assignment, which progressed as I was coding the outputs.

Once I formed are solid concept, I started looking and creating colour palettes which my 5 outputs would be based upon. Using Adobe Colour CC was a resource in forming colour palettes that work together and creating colour array in processing to store the values.

One of the biggest struggles with my sketches was coding the polygons with different sides, and getting it to rotate from the centre. I struggled with this for majority of my assignment, as my code was just not working. I used processing.org for help and found a void method which allowed me to input how many sides I wish. I have used this code in the bottom on my main sketch and referenced it correctly. I tried to recreate this void method from my own processing knowledge, however I was unsuccessful.

The last stage in my creative process was the try and figure out how to have the ellipses and lines stay within the outer shape. I tried many times to complete this at home and attempted to research and implements the code I found, however this was unsuccessful. My tutor assisted me with keeping the elements inside the outer shaper for the first output, and from that I could figure out the other outputs.

final outputs