Computer Coding

My final work was inspired by a piece from Bridget Riley’s series ‘Circles Colour Structure Studies, 1970/71’, pictured below. The work features a number of geometrical forms and colour elements. The artwork displays a mixture of different sized coloured circles. In her artworks, Riley examines the perception of nature by means of these chosen colours and forms. What also makes her piece so interesting is the placement of these shapes within the canvas, something that I highly considered when creating my own.

Bridget Riley:
Circles Colour Structure Studies- 1970/71

1970 Circles Colour Structure Studies

My final piece shows a variety of different sized coloured circles as well as four rectangles. The placement of these circles has been chosen at random by the computer, creating a slightly different effect each time the code is used. Some are overlapped, some are found within each other and some are found on their own. The rectangles were included to add a greater depth to the piece. They are also matched with the circles allowing them to blend in to the background of the shape and essentially disappear. We can also see which shapes were drawn first by looking at what circles are still visible. The bright colours in my final piece stand out from the background, grabbing the audience’s attention something Bridget Riley had also accomplished herself.

My Piece:

Screen Shot 2015-09-19 at 10.42.05 PM

Code:

// I used codes from here:
// https://processing.org/tutorials/
// https://processing.org/reference/
void setup() {//setup of the canvas size and colour
size(1100, 800);//size of the canvas
background(127,55,255,150);//background colour of canvas
frameRate (1);// specifies the number of frames to be displayed per second
strokeWeight (1.5);//sets the width of the stroke
noStroke();//disables shape outline
noLoop();// avoids drawing shapes on a continious loop
}
void draw (){// setup of the drawing of shapes
colorMode(RGB,100,500,10,255);// changes the way the computer interprets colour
fill (127,55,0,150);//colour of shapes, both circles and rectangle
rect (600,0,400,100);//placement and size of rectangle

for (int y=0;y<1000;y=y+20){//controls a sequence of repetition/ loop and continues until the equation proves false.
for (int x=0;x<1000;x=x+20){
int diameter= (int) random (20);//generates random number for the diameter: returns an unexpected value within a specific range
ellipse (50+x,50+y, diameter, diameter);//draws an ellipse, the first two parameters set the location
//and the second two set the shape’s width and height
}
}

colorMode(RGB,100,500,10,255);
fill (100,255,35);
rect (200,300,350,600);

for (int y=0;y<1000;y=y+20){
for (int x=0;x<1000;x=x+20){
int diameter= (int) random (20);
ellipse (50+x,50+y, diameter, diameter);
}
}

colorMode(RGB,100,500,10,255);
fill (10,500,10);
rect (455,200,500,90);
for (int y=0;y<1000;y=y+20){
for (int x=0;x<1000;x=x+20){
int diameter= (int) random (20);
ellipse (50+x,50+y, diameter, diameter);
}
}

colorMode(RGB,100,500,10,255);
fill (255,10,255);
rect (800,500,200,300);
for (int y=0;y<1000;y=y+20){
for (int x=0;x<1000;x=x+20){
int diameter= (int) random (20);
ellipse (60+x,60+y, diameter, diameter);
}
}
}

Screen Shot 2015-09-22 at 7.34.42 PM

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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s