Your browser does not support the canvas tag.

previous        Show / Hide Source        Download        next
//an interactive drawing where you control a banana and when you click, the monkey blinks.

void setup () {
  size (400,400);
  frameRate(15);
}


void draw() {
  background (23,213,225);

//colour settings for monkey base
noStroke();
fill(98,57,5);

//ears
strokeWeight(1);
stroke(0);
ellipse(165,90,20,20);
ellipse(215,90,20,20);

//head base
strokeWeight(1);
stroke(0);
ellipse(190,75,50,65);

//arms
strokeWeight(5);
stroke(98,57,5);
noFill();
arc(190,100,100,100,radians(0),radians(180));


//legs
noFill();
arc(190,320,140,200,radians(180),radians(360));

//tail
curve(20,20,210,200,270,170,270,170);

//body base
strokeWeight(1);
stroke(0);
fill(98,57,5);
ellipse(190,175,60,100);


//mouth base
strokeWeight(1);
stroke(0);
ellipse(190,110,70,40);


//stomach patch
strokeWeight(1);
stroke(0);
fill(174,115,0); 
ellipse(190,165,40,70);

//eyes
strokeWeight(1);
stroke(0);
fill(255);
ellipse(180,80,20,20);
ellipse(200,80,20,20);

//pupils
noStroke();
fill(0);
ellipse(180,80,10,10);
ellipse(200,80,10,10);

//nostrils
ellipse(185,95,5,5);
ellipse(195,95,5,5);

//mouth
ellipse(190,115,10,10);

//cage bars
stroke(0);
fill(150);
rectMode (CORNERS);
rect(60,0,70,400);
rect(140,0,150,400);
rect(220,0,230,400);
rect(300,0,310,400);
rect(380,0,390,400);
rect(0,0,10,400);

//bottom beige thing
strokeWeight(3);
stroke(150);
fill(255,224,102);
rect(0,300,400,400);

//banana thing
noStroke();
fill (255, 255, 0);
rectMode (CENTER);
rect(mouseX,mouseY, 40,20);
triangle (mouseX-20,mouseY+10,mouseX-20,mouseY-10,mouseX-40,mouseY+10);
triangle (mouseX+20,mouseY+10,mouseX+20,mouseY-10,mouseX+40,mouseY+10);
fill(102, 51, 0);
rect(mouseX-40,mouseY+5,10,5);

}

void mousePressed () { //blinking eyes
strokeWeight(1);
stroke(0);
fill(98,57,5);
ellipse(180,80,20,20);
ellipse(200,80,20,20);
}