Animated Iteration

Andy Warhol’s’ use of two silver canvases on which the artist silk screened a photograph of Marilyn Monroe fifty times (Khan Academy, 2015) .With each iteration of the photo  we can see a degradation the details within the picture. However, despite the loss of fine details, our minds are still able to process what is there in order to recognise the familiar face of Monroe, thus  creating interesting artwork.

Marilyn Diptych 1962 by Andy Warhol 1928-1987

Marilyn Diptych 1962, Andy Warhol 1928-1987 Purchased 1980 http://www.tate.org.uk/art/work/T03093

Artworks like Marilyn Diptych are a  simple man made example of how coding can work. The main difference being, that with a code that is written within a computer, with each loop (iteration) of the code, there is no degrading of the image that is being generated. However, the end result is no less exciting or artistic. Below I have created a rather simple pattern, however the process it took to generate this code was quite complex.

pattern-1

With the use of a few YouTube tutorials I was able to generate my own small animation using code processing. The animated artwork that I have generated seems simple, 5 spirals that rotate outwards fading to white each time they are repeated. However it took a significant amount of trial and (a lot of) error to get to this seemingly simple animation. Aesthetically, the animation is soothing, the colours cool. You watch the spirals for hours as they are hypnotic.

Code:

float a = 0; //calls a to begin at point 0
float s; //size of the ellipse
float maxs =20; //max size of ellipse 
float mins =5; //minimum size of the ellipse
float grow = random (0.15, 0.25); //size the ellipse grows by

void setup() { //set up the page
 size (800, 800); //size of page
 background (255); //backgroud-white (0 black)
 smooth(); //smooths out the animation
 frameRate(26); //pace of the animation
 ellipseMode(CENTER); //ensure x/y co-ordinates of ellipse is at their centre
}

void draw() { //starts the drawing. Where the code goes

 fill(255, 15); // 255 is the colour, 8 is the opacity
 noStroke ();
 rect (0, 0, 800, 800); //rectangle covers the screen

 noStroke(); //the ellipse will not have a stroke
 translate(200, 200); //changes x,y axis to the middle of the page where image rotates
 rotate(-a); //changes the direction of the rotation
 fill(random(244), random (12), random (214)); // fill pink
 ellipse (0 + a, 0, s, s + 5); //creates ellipse

 resetMatrix(); // resets the x, y axis to 0 again
 translate(600, 200); //changes x,y axis to the middle of the page where image rotates
 rotate(a);
 fill(random (197), random (5), random (245)); // fill purple
 ellipse (0 - a, 0, s + 10, s ); //creates ellipse
 a = a + 0.2; //increases a location from 0 by 1 pixel

 resetMatrix(); // resets the x, y axis to 0 again
 translate(width/2, height/2); //changes x,y axis to the middle of the page where image rotates
 rotate(a);
 fill(random(5), random (22), random (245));
 ; // fill blue
 ellipse (a, a, s, s ); //creates ellipse
 a = a + 1; //increases a location from 0 by 1 pixel

 resetMatrix(); // resets the x, y axis to 0 again
 translate(200, 600); //changes x,y axis to the middle of the page where image rotates
 rotate(a);
 fill(random (197), random (5), random (245)); // fill purple
 ellipse(0 - a, 0, s + 15, s + 5); //creates ellipse

 resetMatrix(); // resets the x, y axis to 0 again
 translate(600, 600); //changes x,y axis to the middle of the page where image rotates
 rotate(-a);
 fill(random(244), random (12), random (214)); // fill pink
 ellipse (0 - a, 0, s, s + 5); //creates ellipse
 s = s + grow;
 if (s > maxs) { //if s is larger than max size then grow will decrese
 s = maxs;
 grow = -grow;
 }
 if (s < mins) { //if s smaller than min size then grow will decrese
 s = mins;
 grow= -grow;
 }
 if (a >100) { // once the spiral reaches 100 pixels it re-sets to zero
 a = 0; 
 }
}

References:

Abe Pazos,2011, YouTube Video,Learn programming 13: event happening only sometimes, August 9, viewed 19 September 2016, <https://www.youtube.com/watch?v=FVyv6Ebok1k&index=13&list=PL632BB8C3F7E776BA&gt;

Abe Pazos, 2011, YouTube Video, Learn programming 22: stars blinking at night (fade out effect), August 15, viewed 19 September 2016,< https://www.youtube.com/watch?v=spGP0B8SGnk&index=22&list=PL632BB8C3F7E776BA>

Khan Academy, 2015, expression to pop art, Warhol, Marilyn Diptych,viewed 20 September 2016, https://www.khanacademy.org/humanities/art-1010/pop/a/warhol-marilyn-diptych

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