createCanvas(400, 400);

}

​

function draw() {

  background(220);

  strokeWeight(4);

​

​

  for (var j = 1; j <= 5; j++) {

    for (var i = 1; i <= 5; i++) {

      fill(i * 30, j * 50, j * 40);

​

      strokeWeight(6);

      circle(i * 50, j * 50, 40);

      point(i * 50 + 5, j * 50 + 5);

      point(i * 50 - 5, j * 50 - 5);

​

      strokeWeight(3);

      noFill();

      arc(i * 50 + 4, j * 50 - 2, 30, 30, HALF_PI, PI);

    }

  }

}

​

function drawFace(j, i) {

​

  fill(i * 30, j * 50, j * 40);

​

  strokeWeight(6);

  circle(i * 50, j * 50, 40);

  point(i * 50 + 5, j * 50 + 5);

  point(i * 50 - 5, j * 50 - 5);

​

  strokeWeight(3);

  noFill();

  arc(i * 50 + 4, j * 50 - 2, 30, 30, HALF_PI, PI);

​

​

}