createCanvas(400, 400);

  pattern();

}

​

function mousePressed() {

  save('week10pattern.jpg');

}

​

function pattern() {

  background("black");

​

  for (let x = 0; x <= width; x += 50) {

    for (let y = 0; y <= height; y += 50) {

      drawPattern(x, y);

    }

  }

​

  drawBorders();

}

​

function drawPattern(x, y) {

  setRandomFill();

  stroke(1);

  ellipse(x + 25, y + 25, 50, 50); // largest circle

​

  setRandomFill();

  rect(x + 10, y + 10, 30, 30, 5); // rectangle

​

  setRandomFill();

  ellipse(x + 25, y + 25, 15, 15); // small circle

​

  setRandomFill();

  ellipse(x + 25, y + 10, 15, 20); // top circle

​

  setRandomFill();

  ellipse(x + 25, y + 40, 15, 20); // bottom circle

​

  setRandomFill();

  ellipse(x + 40, y + 25, 20, 15); // right circle

​

  setRandomFill();

  ellipse(x + 10, y + 25, 20, 15); // left circle

}

​

function setRandomFill() {

  let r = random(255);

  let g = random(255);

  let b = random(255);

  fill(r, g, b);

}

​

function drawBorders() {

  noStroke();

  fill("rgb(2,2,24)");

  rect(0, 0, 50, 400);   // left border

  rect(350, 0, 50, 400); // right border

  rect(0, 0, 400, 50);   // top border

  rect(0, 350, 400, 50); // bottom border

}