/*//////////////////////////////////////////////////////////////////////////////////////////
 **   Jestor by Firaas Khan
 **     an interactive drawing in 28 shapes
 **
 **  This work is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.
 **  http://creativecommons.org/licenses/by-sa/3.0/deed.en_US
/*////////////////////////////////////////////////////////////////////////////////////////////

void setup(){
  //Canvas size is set
  size(400,400);
}

void draw() {
  //Orange background
  background(239, 146, 23);
  
  // Draw jestor
  
  // right leg
  fill(226,37,4);
  quad(mouseX-20,300,mouseX-40,280,mouseX+10,220,mouseX+40,240);
  quad(mouseX-20,260,mouseX-40,280,mouseX+20,340,mouseX+40,320);
  
  //right foot
  fill(45,122,229);
  triangle(mouseX,320,mouseX-40,340,mouseX+20,340);
  
  //left leg
  fill(226,37,4);
  quad(mouseX+120,270,mouseX+90,270,mouseX+90,340,mouseX+120,340);
  quad(mouseX+40,240,mouseX+70,220,mouseX+120,270,mouseX+100,300);
  
  //left foot
  fill(45,122,229);
  triangle(mouseX+90,340,mouseX+120,340,mouseX+120,370);
  
  //groing 
  fill(123,4,226);
  triangle(mouseX+40,240,mouseX+70,220,mouseX+10,220);
  
  //left arm
  fill(226,37,4);
  quad(mouseX+70,140,mouseX+60, 160, mouseX+100,200,mouseX+110,180);
  quad(mouseX+90,190,mouseX+100, 200,mouseX+140,140,mouseX+130,130);
  
  //left hand
  fill(45,122,229);
  ellipseMode(CENTER);
  ellipse(mouseX+140,130,20,20);
  
  //right arm
  fill(226,37,4);
  quad(mouseX+10,140,mouseX+20,160,mouseX-10,200,mouseX-20,180);
  quad(mouseX-10,200,mouseX,190,mouseX-50,130,mouseX-60,140);
  
  //right hand
  fill(45,122,229);
  ellipseMode(CENTER); 
  ellipse(mouseX-60,130,20,20);
 
  //Head
  fill(225,219,172);
  ellipse(mouseX+40,100,80,80);
  
  //Eyes
  fill(0);
  ellipseMode(CENTER);
  ellipse(mouseX+20, 90, 10,20);
  ellipse(mouseX+60, 90, 10,20);
  
  //Nose
  fill(181,176,141);
  triangle(mouseX+40,80,mouseX+30,110,mouseX+50,110);
  
  //Mouth
  fill(216,58,30);
  rectMode(CORNERS);
  rect(mouseX+20,120,mouseX+60,130);
  
  //Hat base
  fill(219,215,13);
  rectMode(CORNERS);
  rect(mouseX,70,mouseX+80,80);
  
  //Hat top
  fill(23,17,216);
  rectMode(CORNERS);
  rect(mouseX,30,mouseX+80,70);
  
  //Hat design
  fill(229,82,68);
  triangle(mouseX,30, mouseX,70,mouseX+30,70);
  triangle(mouseX+45,30,mouseX+30,70,mouseX+60,70);
  triangle(mouseX+80,30,mouseX+80,70,mouseX+60,70);
  
  //Hat points
  fill(229,82,68);
  triangle(mouseX,30,mouseX,50,mouseX-40,70);
  triangle(mouseX+80, 30, mouseX+80,50,mouseX+120,70);
  
  //Body
  fill(66,119,224);
  rectMode(CORNERS);  //change mode to better fit coordinates
  rect(mouseX+10,220,mouseX+70,140);
  
  
  
  //Ball
  fill(200, 45, 3);
  ellipseMode(CENTER);
  ellipse(mouseX,370, 60,60);
}