​

​

function setup() {

  createCanvas(400, 400);

  color = random(255);

}

​

function draw() {

  // background(220);

  fill(color);

  translate(130,50);

  scale(0.5);

  //head

  noStroke();

  fill(0);

  beginShape();

  vertex(-20, -10);

  vertex(270, -10);

  vertex(250, 340);

  vertex(0, 340);

  endShape(CLOSE);

  //body

  noStroke();

  fill(0);

  beginShape();

  vertex(-30, 340);

  vertex(280, 340);

  vertex(250, 800);

  vertex(30, 800);

  endShape(CLOSE);

  //arm 

  noStroke();

  fill(0);

  beginShape();

  vertex(-100,mouseY);

  vertex(-20,mouseY);

  vertex(-20,340);

  vertex(-100,340);

  endShape(CLOSE);

  beginShape();

  vertex(270,mouseY);

  vertex(360,mouseY);

  vertex(360,340);

  vertex(270,340);

  endShape(CLOSE);

  //left eyebrow

  stroke(255);

  strokeWeight(5);

  noFill();

  bezier(10, 30, 20, 10, 60, 60, 60, 50);

  //left eye

  bezier(10, 100, 20, 60, 80, 100, 50, 110);

  bezier(10, 100, 20, 130, 50, 110, 50,110);

  //right eyebrow

  stroke(255);

  strokeWeight(5);

  noFill();

  bezier(120, 50, 160, 10, 210, 10, 220, 30);

  //right eye

  bezier(130, 100, 170, 60, 200, 90, 200, 90);

  bezier(130, 100, 170, 140, 200, 110, 200, 90);

  //nose

  stroke(255);

  strokeWeight(5);

  noFill();

  bezier(90, 100, 100, 100, 70, 250, 120, 180);

  //mouse

  stroke(255);

  strokeWeight(5);

  fill(153, 51, 255);

  bezier(50, 260, 50, 250, 120, 200, 200, 260);

  bezier(50, 260, 90, 260, 120, 250, 200, 260);

  push();

  translate(-50,20);

  rotate(-PI/18);

  bezier(50, 300, 90, 300, 120, 290, 200, 300);

  bezier(50, 300, 90, 320, 120, 320, 200, 300);

  pop();

  bezier(200,260, 200, 260, 210, 270, 200, 280);

  //teeth

  fill(255, 204, 0);

  push();

  rotate(-PI/70);

  translate(-10,5);

  rect(70,258,18,20,5);

  rect(110,256,18,20,5);

  rect(150,259,20,21,3);

  pop();

  push();

  rotate(-PI/40);

  rect(70,280,20,20,7);

  rect(110,277,19,20,5);

  pop();

  //bubble

  noStroke();

  fill(128, 255, 255);

  ellipse(70,250,10,10);

  ellipse(120,244,10,10);

  //eyeballs

  push();

  let x = random(0,25);

  console.log(x);

  translate(x,0);

  noStroke();

  fill(51, 255, 173);

  ellipse(20, 97, 18, 18);

  ellipse(150, 99, 20, 20)

  pop();

}

function mousePressed(){

  background(random(0,255),random(0,255),random(0,255));

​

​

}