​

function setup() {

  createCanvas(200, 200);

  smooth();

​

  strokeWeight(2);

  strokeCap(ROUND);

  noStroke();

  sldRange = createSlider(0, 20, 1);

}

​

function draw(){

  background("#5CA7CB");  

  let lightBrown = color("#E5A931");

  let darkBrown = color("#744D00");

​

  let w = width;

  let h = height;

  let s = w / 10;

​

  // Ears

  stroke(0);

  fill(darkBrown);

  ellipse(w / 5, h / 2 - 2 * s, s * 3, s * 3);

  ellipse(4 * w / 5, h / 2 - 2 * s, s * 3, s * 3);

  fill(0);

  ellipse(w / 5, h / 2 - 2 * s, s * 2, s * 2);

  ellipse(4 * w / 5, h / 2 - 2 * s, s * 2, s * 2);

​

  // Face background

  fill(lightBrown);

  ellipse(width / 2, height / 2, width * 0.75, height * 0.75);

​

​

  noStroke();

  // Eyes

  fill(255);

  ellipse(w / 2 - s, h / 2 - s / 2, s * 3, 3 * s);

  ellipse(w / 2 + s, h / 2 - s / 2, s * 3, 3 * s);

​

  let range = sldRange.value();

  let xOff = random(-range, range);

  fill(0);

  ellipse(w / 2 - 20 + xOff, h / 2, s, s);

  ellipse(w / 2 + 20 + xOff, h / 2, s, s);

​

  stroke(0);

​

  // Mouth

  fill(0);

  ellipse(w / 2, 12.0 * h / 14.8, s / 2, s / 2);

​

  // Nose

  fill(darkBrown);

  ellipse(w / 2, h / 2 + s * 1.5, s * 3, s * 2);

  fill(0);

  ellipse(w / 2 - s / 2, h / 2 + s * 2, s / 2, s / 3);

  ellipse(w / 2 + s / 2, h / 2 + s * 2, s / 2, s / 3);

}