Your browser does not support the canvas tag.

previous        Show / Hide Source        Download        next
void setup(){
  size(400,400);
}

void draw (){
  background(24,153,232);
  frameRate(60);
  
  //clouds
  noStroke();
  fill(255);
  ellipse(65,70,50,60);
  ellipse(95,70,50,60);
  ellipse(80,70,100,40);
  ellipse(145,150,50,60);
  ellipse(175,150,50,60);
  ellipse(160,150,100,40);
  
   //chocolate
  noStroke();
  fill(97,32,5);
  ellipse(mouseX-60,240,20,40);
  rect(mouseX-140,220,80,40);
  
  //hand
  fill(210,180,140);
  rect(mouseX-280,260,120,60);
  quad(mouseX-160,320,mouseX-160,260,mouseX-135,260,mouseX-140,320);
  triangle(mouseX-160,320,mouseX-160,360,mouseX-140,320);
  rect(mouseX-280,320,120,40);
  ellipse(mouseX-220,350,130,50);
  rect(mouseX-280,360,120,40);
  fill(24,153,232);
  noStroke();
  rect(mouseX-290,320,10,40);
  ellipse(mouseX-155,390,20,60);
  fill(210,180,140);
  ellipse(mouseX-280,280,15,120);
  
  //wrapper
  noStroke();
  fill(200,4,33);
  rect(mouseX-300,220,110,40);
  fill(132,135,135);
  ellipse(mouseX-150,240,50,60);
  rect(mouseX-190,210,40,60);
  triangle(mouseX-200,265,mouseX-190,260,mouseX-190,270);
  triangle(mouseX-200,255,mouseX-190,250,mouseX-190,260);
  rect(mouseX-310,220,10,40);
  
  //index finger
  fill(210,180,140);
  stroke(0);
  ellipse(mouseX-170,210,40,20);
  line(mouseX-150,210,mouseX-155,240);
  noStroke();
  quad(mouseX-185,210,mouseX-190,240,mouseX-155,240,mouseX-150,210);
  ellipse(mouseX-170,240,30,30);
 
  //middle finger
  stroke(0);
  ellipse(mouseX-200,210,40,20);
  line(mouseX-180,210,mouseX-185,240);
  noStroke();
  quad(mouseX-215,210,mouseX-220,240,mouseX-185,240,mouseX-180,210);
  ellipse(mouseX-200,240,30,30);
 
  //ring finger
  stroke(0);
  ellipse(mouseX-230,210,40,20);
  line(mouseX-210,210,mouseX-215,240);
  noStroke();
  quad(mouseX-245,210,mouseX-250,240,mouseX-215,240,mouseX-210,210);
  ellipse(mouseX-230,240,30,30);
 
  //pinky finger
  stroke(0);
  ellipse(mouseX-255,210,30,20);
  line(mouseX-240,210,mouseX-245,240);
  noStroke();
  quad(mouseX-270,210,mouseX-275,240,mouseX-245,240,mouseX-240,210);
  ellipse(mouseX-260,240,30,30);
  
  //teeth
  fill(255);
  rect(280,190,30,30,5);
  rect(310,190,30,30,5);
  rect(340,190,30,30,5);
  rect(370,190,30,30,5);
  rect(280,280,30,30,5);
  rect(310,280,30,30,5);
  rect(340,280,30,30,5);
  rect(370,280,30,30,5);
 
  //head
  fill(210,180,140);
  noStroke();
  rect(350,320,50,80);
  rect(310,0,90,200);
  rect(390,200,10,120);
  rect(270,80,40,120);
  triangle(270,80,310,25,310,80);
  ellipse(270,120,80,80);
  fill(24,153,232);
  ellipse(280,40,60,80);
  ellipse(260,180,50,45);
  
  //chin
  fill(210,180,140);
  rect(290,300,130,40);
  triangle(280,310,290,310,290,360);
  rect(290,330,130,30,5);
  
  //mouth
  fill(255,117,122);
  rect(280,180,110,20);
  ellipse(280,190,20,20);
  ellipse(390,190,10,20);
  rect(280,290,110,20);
  ellipse(280,300,20,20);
  ellipse(390,300,10,20);

}

void mousePressed(){
  frameRate(4);
  
  fill(24,153,232);
  rect(260,260,120,150);
  
  ///teeth
  fill(255);
  rect(280,260,30,30,5);
  rect(310,260,30,30,5);
  rect(340,260,30,30,5);
  rect(370,260,30,30,5);
  fill(210,180,140);
  rect(390,240,10,120);
  
  //chin
  fill(24,153,232);
  rect(280,350,120,90);
  fill(210,180,140);
  rect(290,290,130,40);
  triangle(280,300,290,300,290,350);
  rect(290,320,130,30,5);
  rect(350,320,50,80);
  
  //mouth
  fill(255,117,122);
  rect(280,280,110,20);
  ellipse(280,290,20,20);
  ellipse(390,290,10,20);
  
  print(" Ouch");

  
}