basic face

// sketch.js

function setup() {
  var cnv = createCanvas(640, 400);
  cnv.position(24, 140);

  background(127);
} //setup


function draw() {

  noStroke();

  // yellow face
  fill(255, 225, 0);
  ellipse(width/2, height/2, 400, 400);

  // eye whites
  // Left
  fill(255)
  ellipse(width/2 - 80, height/2 - 60, 100, 100);

  // Right
  fill(255)
  ellipse(width/2 + 80, height/2 - 60, 100, 100);

  // pupils
  // Left
  fill(0)
  ellipse(width/2 - 80, height/2 - 60, 40, 50);

  // Right
  fill(0)
  ellipse(width/2 + 80, height/2 - 60, 40, 50);

  // Rings
  noFill();
  stroke(255, 225, 0)
  strokeWeight(40);
  ellipse(width/2 - 80, height/2 - 60, 130, 130);
  ellipse(width/2 + 80, height/2 - 60, 130, 130);

  // smile
  stroke(0);
  strokeWeight(8);
  noFill();
  arc(width/2, height/2, 300, 300, 0.25, PI - 0.25)

} //draw