#stroke();

[vallyeah]

Week 2// Babies in the wind

So this scene is a wind animation, which we were tasked to recreate in week one of interactive art.

- And I managed to recreate it to:

In this code i was able to use translate and rotate, it required alot of calculating my physical calculator and i related it to photoshop in a way that it is a art form that requires layers.

For the second red/brown figure, i wanted to use a different method to create the character and used quads(); instead. However, i found out i should have used scale instead.

The following is my code:

size(700,400); background(238, 236, 233);

//main blue body

//face pushMatrix(); translate(350, 200); fill(255); rotate(PI/9.0); rect(0, -30, 55, 35);  // face popMatrix();

//lower body pushMatrix(); translate(350, 200); fill(154,166,173); // 90° = PI/2 rotate(PI/9.0);  

rect(0, 40, 60, 20);  // lower body rectangle

popMatrix();

//NO STROKE BELOW

//hands pushMatrix();

translate(350, 200); fill(154,166,173); rotate(PI/5.0); rect(0, -70, 20, 70);  // lefthand rectangle rect(40, -80, 20, 70);  // righthand rectangle popMatrix();

//face pushMatrix(); translate(350, 200); fill(255); rotate(PI/9.0); rect(0, -30, 55, 35);  // face // rect(r for top-left,r for top-right, r for bottom-right, r for bottom-left. popMatrix();

//left leg pushMatrix(); translate(330, 250); fill(154,166,173); rotate(PI/4.0); quad(-2, -13 , 20, -3, 0, 30, -10, 30);  // leftleg rectangle strokeWeight(2); line(0, 30, -10, 30); strokeWeight(1); //reset popMatrix();

//right leg pushMatrix(); translate(390, 280); fill(154,166,173); rotate(PI/-2.5); quad(3, -20 , 20, -5, -10, 20, -16, 5);  // rightleg rectangle strokeWeight(2); line(-10, 20, -16, 5); strokeWeight(1); //reset popMatrix();

//2nd lower body layer pushMatrix(); noStroke(); translate(350, 200); fill(154,166,173); // 90° = PI/2 rotate(PI/9.0);   rect(0, 40, 60, 20); // lower body 2nd layer popMatrix();

//mouth stroke(0); ellipseMode(RADIUS); fill(0);  // Set fill to black ellipse(368, 197, 8.7, 8.7); ellipse(373, 203, 9, 9); ellipse(380, 207, 9.5, 9.5); ellipse(387, 205, 9, 9); fill(255); ellipse(385, 200, 2, 3);// little tooth

//eyes strokeWeight(3); line(365, 181, 393, 191);

strokeWeight(1); ellipseMode(RADIUS);  // Set ellipseMode to RADIUS fill(255);  // Set fill to white ellipse(365, 181, 10, 10);  // Draw white ellipse using RADIUS mode ellipse(393, 191, 10, 10);//ellipse (x,y,width,height)

//hair line(402, 187, 430, 180); line(408, 190, 425, 188); line(408, 195, 420, 195);

//main body pushMatrix(); translate(350, 200); fill(154,166,173); // 90° = PI/2 rotate(PI/9.0);   rect(0, 0, 60, 40);  // main body rectangle (x, y, width, height) popMatrix();

//balloon line line(370, 250, 250, 400);

//red body left fill(140, 80, 55); translate(50,140); quad( 60, 2 , 70, 3, 65, 30, 55, 30); //left hand quad( 90, 2 , 100, 3, 80, 57, 73, 55); //right hand quad(50, 30 , 80, 30, 75, 50, 40, 50); //main body fill(255); quad(55, 20 , 85, 20, 80, 30 , 50, 30);//face fill(140, 80, 55); quad( 15, 50, 100, 50, 80, 60, 25, 60); //lower limbs stroke(2); line(15, 45,15,55); line(100, 45,100,55); fill(0); line (60,50,-50, 160