let b;

let c;

let smileVisible = false;

​

function setup() {

  createCanvas(600, 600);

​

  a = color(120, 197, 251);

  b = color(243, 245, 247);

  c = color(41);

  angleMode(DEGREES);

}

​

function draw() {

  background(255);

​

  // Left of Macintosh (grey or blue)

  if (mouseX > 315 && mouseX < 325 && mouseY > 145 && mouseY < 155) {

    fill(a); 

  } else {

    fill(200);

  }

  noStroke();

  rect(150, 0, 170, height);

  fill(255);

  beginShape();

  vertex(300, 150);

  vertex(280, 300);

  vertex(320, 300);

  vertex(320, 150);

  endShape();

​

  // Right of Macintosh

  fill(b);

  rect(mouseX, mouseY, 120, 300);

  beginShape();

  vertex(mouseX - 20, mouseY);

  vertex(mouseX - 40, mouseY + 150);

  vertex(mouseX, mouseY + 150);

  vertex(mouseX, mouseY);

  endShape();

​

  // Eyes for Macintosh

  fill(c);

  rect(225, 225, 15, 35);

  rect(mouseX + 35, mouseY + 75, 15, 35);

​

  // Draw smile

  if (mouseX > 315 && mouseX < 325 && mouseY > 145 && mouseY < 155) {

    smileVisible = true;

  } else {

    smileVisible = false;

  }

​

  if (smileVisible) {

    noFill();

    stroke(c);

    strokeWeight(10);

    arc(300, 210, 330, 330, 60, 120, OPEN);

  }

}