Your browser does not support the canvas tag.

previous        Show / Hide Source        Download        next
void setup () {
  size(700, 525);
  

  
    
}

void draw () {
  
  //BACKGROUND
  background(103, 186, 214);
  
  //GUIDE TO DRAW
  //println(mouseX, mouseY);
  

  //ROOM FLOOR
  fill(148, 110, 80);
  
  rect(0, 420, 800, 550);
  stroke(2);
  
  //BODY
  //head
  fill(0, 0, 0);
  ellipse(mouseX, 100, 70, 70);

  //body
  fill(mouseX-350, mouseX-350, mouseX-350);
  noStroke();
  rect(mouseX-40, 150, 80, 140);

  //right shoulder
  fill(mouseX-350, mouseX-350, mouseX-350);
  ellipse(mouseX-54, 169, 37, 37);

  //right armpit
  fill(mouseX-350, mouseX-350, mouseX-350);
  rect(mouseX-54, 150, 40, 40);

   //right hand
  fill(0, 0, 0);
  ellipse(mouseX-60, 290, 25, 25);
  
  //right arm
  fill(mouseX-350, mouseX-350, mouseX-350);
  rect(mouseX-73, 165, 25, 120);

 

  //left shoulder
  fill(mouseX-350, mouseX-350, mouseX-350);
  ellipse(mouseX+55, 169, 37, 37);

  //left armpit
  fill(mouseX-350, mouseX-350, mouseX-350);
  rect(mouseX+10, 150, 40, 40);

   //left hand
  fill(0, 0, 0);
  ellipse(mouseX+61, 290, 25, 25);
  
  //left arm
  fill(mouseX-350, mouseX-350, mouseX-350);
  rect(mouseX+48, 165, 25, 120);

 

  //right foot
  fill(0, 0, 0);
  ellipse(mouseX-25, 435, 30, 30);
  
  //right leg
  fill(mouseX-500, mouseX-500, mouseX-500);
  noStroke();
  rect(mouseX-40, 280, 30, 150);

  
  //left foot
  fill(0, 0, 0);
  ellipse(mouseX+25, 435, 30, 30);

  //left leg
  fill(mouseX-500, mouseX-500, mouseX-500);
  rect(mouseX+10, 280, 30, 150);

  
  //ACCESSORIES
  //waist piece of the pants
  fill(mouseX-500, mouseX-500, mouseX-500);
  noStroke();
  rect(mouseX-40, 256, 80, 35);
  stroke(2);
  
  //belt of the pants
  fill(0, 0, 0);
  noStroke();
  rect(mouseX-40, 256, 80, 10);
  stroke(2);

 
  //formal tie
  noStroke();
  fill(mouseX-425, 0, 0);
  rect(mouseX-7, 170, 15, 70);
  
  //formal tie top
  noStroke();
  fill(mouseX-425, 0, 0);
  triangle(mouseX-11, 155, mouseX, 177, mouseX+12, 155);
  stroke(2);
  

  
  //CURTAIN
  fill(199, 162, 123);
  quad(199, 50, 311, 65, 311, 465, 199, 451);
  quad(311, 65, 404, 51, 404, 451, 311, 465);
  quad(404, 51, 499, 66, 499, 466, 404, 451);
  
  
  
  
    
}