let g=0;

let b=255;

​

let rb=255;

let gb=255;

let bb=255;

​

let faceSize = 100;

let eyeSize = 20;

let mouthSize = 40;

let rotationAngle = 0;

​

​

function setup() {

  createCanvas(400, 400);

}

​

function keyPressed() {

  r = random(0,255)

  b = random(0,255)

  g = random(0,255)

}

​

function mousePressed() {

  rb = random(0,255)

  bb = random(0,255)

  gb = random(0,255) 

}

​

function draw() {

  background(rb,gb,bb);

  let distance = dist(mouseX, mouseY, width / 2, height / 2);

  faceSize = map(distance, 0, width / 2, 50, 200);

  rotationAngle = map(distance, 0, width / 2, 0, PI);

​

  translate(width / 2, height / 2);

  // rotate around mouse position

  rotate(rotationAngle);

  // face

  const c = color(r,g,b);

  fill(c);

  ellipse(0, 0, faceSize, faceSize);

  // eyes

  const e = color(20, 20, 60);

  fill(e);

  let eyeOffset = 20;

  ellipse(-eyeOffset, -20, eyeSize, eyeSize);

  ellipse(eyeOffset, -20, eyeSize, eyeSize);

  // mouth

  arc(0, 5, mouthSize, mouthSize, 0, PI);

}