Assignment 2 – Animation Using Processing

Original Proun Image:

proun1

Replica of Proun Image:

screen-shot-2016-09-27-at-1-30-12-pm

The code for my replica:

  //canvas setup
  background(186, 167, 133);
  size(700, 700);
  fill(182, 160, 128);
  
  //middle brown circle
  noStroke();
  fill(200, 185, 165);
  ellipse(350, 350, 614, 614);
  
  //float variables for ellipse size
  float h = 255;
  float x = 413;
  float y = 238;
  
  //concentric circles 
  stroke(1);
  strokeWeight(2.5);
  noFill();
  //'for loop' for concentric circles
  for (int i = 0; i < 18; i = i+1) {
    if (i > 13) {
      stroke(1);
      strokeWeight(3.5);
      noFill();
    }
    ellipse(x-2.5*i, y+3*i, h-15*i, h-15*i);
  }
  
  //black shape - large
  stroke(33, 32, 32);
  fill(33, 32, 32);
  quad(259, 388, 187, 510, 237, 472, 310, 347);
  
  //black shape - small
  stroke(33, 32, 32);
  fill(33, 32, 32);
  quad(171, 340, 198, 317, 159, 382, 132, 405);
  
  //grey line - large
  stroke(166, 153, 136);
  strokeWeight(10.0);
  strokeCap(SQUARE);
  line(241, 476, 320, 343);
  
  //grey line - small
  stroke(166, 153, 136);
  strokeWeight(8.0);
  strokeCap(SQUARE);
  line(163, 388, 207, 311);
  
  //pink lines
  stroke(189, 117, 93);
  strokeWeight(6.0);
  strokeCap(SQUARE);
  line(185, 523, 140, 467);
  line(138, 470, 309, 320);
  
  
  //blue lines
  stroke(64, 72, 98);
  strokeWeight(6.0);
  strokeCap(SQUARE);
  line(289, 289, 169, 391);
  line(167, 389, 239, 476);
  line(238, 474, 185, 518);

Remix of Proun Image:

screen-shot-2016-09-27-at-1-29-39-pm

My code for my remix:

//canvas setup
background(82,10,122);
size(700,700);
fill(182,160,128);

//middle light purple circle
noStroke();
fill(181,155,196);
ellipse(350, 350, 614, 614);

//float variables for ellipse size 
float h = 255;
float x = 413;
float y = 238;

//Float variables for ellipse colour 
float r = 157;
float g = 218;
float b = 191;

//concentric circles
stroke(r, g, b);
strokeWeight(3.5);
noFill();
//'for loop' for concentric circles
for (int i = 0; i < 18; i = i+1) {
  ellipse(x-2.5*i, y+3*i, h-15*i, h-15*i);
  stroke(r-10*i, g-10*i, b-5*i);
}

//green shape - large
stroke(182, 223, 159);
fill(182, 223, 159);
quad(259, 388, 187, 510, 237, 472, 310, 347);

//green shape - small
stroke(182, 223, 159);
fill(182, 223, 159);
quad(171, 340, 198, 317, 159, 382, 132, 405);

//dk green line - small
stroke(122, 170, 105);
strokeWeight(8.0);
strokeCap(SQUARE);
line(163, 388, 207, 311);

//dk green line - large
stroke(122, 170, 105);
strokeWeight(10.0);
strokeCap(SQUARE);
line(241, 476, 320, 343);

//pink lines
stroke(247,132,207);
strokeWeight(6.0);
strokeCap(SQUARE);
line(185, 523, 140, 467);
line(138, 470, 309, 320);

//blue lines
stroke(74,41,181);
strokeWeight(6.0);
strokeCap(SQUARE);
line(289, 289, 169, 391);
line(167, 389, 239, 476);
line(238, 474, 185, 518);


 

 

Leave a Reply

Your email address will not be published. Required fields are marked *

Spam prevention powered by Akismet