Coding Computer Generated Art

When looking for inspiration for my sketch, I decided to look at the work of Frider Nake. I took particular interest in the pioneer of computer art’s piece ‘Geradenscharen Nr. 1’. The simple use of lines positioned in clusters across the page was eye-catching and the layering of these lines added depth to the piece. Nake’s work appeared clean, minimalist and felt organic.

Nake_Geradenscharen_Nr1_1965

‘Geradenscharen Nr. 1’

When creating my own Processing sketch, I wanted to create a piece that shared the qualities I saw in ‘Geradenscharen Nr. 1’. To do so, I chose to utilise one shape — a circle or ellipse—, and abundantly repeat this shape in a series of three columns. By altering the thickness of the outline I was able to achieve the clean lines I liked in Nake’s work. The final code I designed managed to create a work which looks almost hand-drawn in spite of being a piece of computer generated art.

Screen Shot 2017-09-20 at 10.27.28 pm

‘Processing Sketch: Circles’

Source Code

// Processing Sketch: Circles

void setup() {
 size(800, 600); 
 // this creates the window for the sketch
 
 background(255); 
 // this makes the background white
 
 noFill(); 
 // this creates a no-fill on any shapes
 
 strokeWeight (0.2); 
 //this changes the thickness of any outlines or lines
 
 stroke (0); 
 // this makes any line or shape black
 
 noLoop(); 
 // this stops the sketch from running on a loop
}

void draw() {

// this gets called over and over again in a loop
 //without these loops, there wouldn't be repeated circles
 for (int a = 0; a < 600; a = a + 2) {
 for (int b = 0; b < 800; b = b + 400) {




// creates circles on the left hand side of the window
 // each circle is a different shape and size due to the inclusion of 'random' 
 ellipse(b, (a), random(b), random(b));




// creates circles on the right hand side of the window 
 // each circle is a different shape and size due to the inclusion of 'random' 
 ellipse((0), (a), random(b), random(b) );




// creates circles in the centre of the window
 // each circle is a different shape and size due to the inclusion of 'random' 
 ellipse(b * 2, (a), random(b), random(b) );
 }
 }
}

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s