let eyeballrightX = 221;

let eyeballlefty = 220;

let eyeballrighty = 220;

let headX = 150;

let headY = 173;

let smileY = 0;

let leftblushY = 0;

let rightblushY = 0;

let cloudX = 0;

let leaves;

let shirtR;

let shirtG;

let shirtB;

​

function setup() {

  createCanvas(400, 400);

  shirtR = random(255);

  shirtG = random(255);

  shirtB = random(255);

}

​

function draw() {

  background(mouseX, mouseY, 250, 250, 700);

  print(mouseX, mouseY);

​

  eyeballleftX = map(mouseX, 0, width, 166, 173.5);

  eyeballrightX = map(mouseX, 0, width, 215, 222.5);

  smileY = map(mouseX, 0, height, 0, 15);

  leftblushY = map(mouseX, 0, height, 10, 0);

  rightblushY = map(mouseX, 0, height, 10, 0);

  cloudX = map(mouseX, 0, width, 0, 400);

  leaves = map(mouseX, 0, width, 3, 15);

  headX = map(mouseX, 0, width, 150, 154.5);

​

  strokeWeight(0);

  fill("yellow");

  ellipse(mouseX, mouseY, 100, 100);

​

  fill(135, 255, 78);

  rect(0, 360, 400, 50);

​

  fill("white");

​

  ellipse(cloudX + 60, 110, 80, 80);

  ellipse(cloudX + 100, 100, 100, 100);

  ellipse(cloudX + 135, 110, 80, 80);

​

  ellipse(cloudX + 280, 215, 80, 80);

  ellipse(cloudX + 320, 200, 100, 100);

  ellipse(cloudX + 360, 215, 80, 80);

​

  ellipse(cloudX + 240, 55, 80, 80);

  ellipse(cloudX + 280, 40, 100, 100);

  ellipse(cloudX + 310, 60, 80, 80);

​

  ellipse(cloudX + 60, 218, 100, 100);

  ellipse(cloudX + 25, 235, 80, 80);

  ellipse(cloudX + 94, 244, 80, 80);

​

  fill("brown");

  rect(45, 300, 30, 80);

  fill("green");

  ellipse(34 + leaves, 276, 80, 80);

  ellipse(76 + leaves, 285, 80, 80);

  ellipse(66 + leaves, 222, 80, 80);

  ellipse(40 + leaves, 250, 80, 80);

  ellipse(94 + leaves, 249, 80, 80);

​

  strokeWeight(1.5);

​

  fill(shirtR, shirtG, shirtB);

  beginShape();

  curveVertex(100, 400);

  curveVertex(100, 400);

  curveVertex(138, 299);

  curveVertex(203, 283);

  curveVertex(282, 299);

  curveVertex(330, 400);

  curveVertex(330, 400);

  endShape();

​

  ellipse(203, 277, 100, 40);

​

  fill(250, 211, 127);

  ellipse(headX - 2, 221, 10, 20);

  ellipse(headX + 102, 221, 10, 20);

  rect(headX, headY, 100, 100);

​

  fill(250, 100, 100);

  triangle(194, 222, 194, 240, 205, 230);

​

  fill(252, 170, 170);

  ellipse(243, leftblushY + 246, 20, 10);

  ellipse(157, rightblushY + 246, 20, 10);

​

  fill("white");

  ellipse(172, 220, 20, 20);

  ellipse(221, 220, 20, 20);

​

  fill("blue");

  ellipse(eyeballleftX, 220, 6, 6);

  ellipse(eyeballrightX, 220, 6, 6);

​

  fill("white");

  rect(205, 260, 10, smileY);

​

  fill("black");

  curve(189, 249, 205, 258, 218, 257, 222, 240);

  fill(250, 211, 127);

  rect(195, 274, 20, 10);

​

  fill(shirtR, shirtG, shirtB);

  strokeWeight(0);

  ellipse(213, 281, 15, 10);

  ellipse(195, 281, 15, 10);

  strokeWeight(1.5);

  rect(190, 398, 50, 50);

​

  fill("black");

  line(214, 281, 221, 347);

  line(194, 280, 188, 357);

  line(252, 345, 268, 400);

  line(165, 354, 158, 400);

  rect(186, 357, 5, 10);

  rect(218, 347, 5, 10);

  ellipse(250, 320, 15, 70);

  ellipse(164, 320, 15, 65);

​

  fill(243, 200, 27);

  ellipse(headX + 50, 167, 100, 50);

​

  beginShape();

  curveVertex(154, 165);

  curveVertex(154, 165);

  curveVertex(143, 167);

  curveVertex(144, 185);

  curveVertex(150, 194);

  curveVertex(154, 186);

  curveVertex(160, 179);

  curveVertex(160, 179);

  endShape();

​

  beginShape();

  curveVertex(250, 169);

  curveVertex(250, 169);

  curveVertex(257, 173);

  curveVertex(257, 181);

  curveVertex(255, 192);

  curveVertex(248, 197);

  curveVertex(246, 185);

  curveVertex(242, 177);

  curveVertex(242, 177);

  endShape();

}

​