#GenCodeCraft: Checked Board

function setup() {

  createCanvas(windowWidth, windowHeight);

  noStroke();

  noLoop();

}

​

function draw() {

  background(color('#EAE2B7'));

  let margin = 50; // Set the desired margin

  let squareSize = min(width, height) - margin * 2; // Calculate the square size

  let startX = (width - squareSize) / 2; // Calculate the starting x-coordinate

  let startY = (height - squareSize) / 2; // Calculate the starting y-coordinate

  let start = color('#003049');

  let end = color('#D62828');

  drawCheckerBox(startX, startY, squareSize, squareSize, 7, start, end, 3);

}

​

const drawCheckerBox = (x, y, w, h, n, clr1, clr2, depth) => {

  ellipseMode(CORNER);

  let w_diff = w / n;

  let h_diff = h / n;

  let cirClr1 = color('#F77F00');

  let cirClr2 = color('#FCBF49');

  let cnt = 0;

  noStroke();

  push();

  translate(x, y);

  for (let j = 0; j < n; j++) {

    for (let k = 0; k < n; k++) {

      let t = depth / 3; // Assuming maximum depth is 3, adjust the denominator accordingly

​

      if (depth <= 0 || random() < 0.9) {

        let clr = cnt % 2 == 0 ? clr1 : clr2;

        fill(clr);

        push();

        translate(j * w_diff, k * h_diff);

        if (random() > 0.5) {

          rect(0, 0, w_diff, h_diff);

        } else {

          if (random() > 0.4) {

            ellipse(0, 0, w_diff, h_diff);

          } else {

            ellipse(0, 0, w_diff, h_diff);

            circlePack(w_diff, h_diff, 100, cirClr1, cirClr2); // Adjust the maximum number of attempts as needed

          }

        }

        pop();

      } else {

        drawCheckerBox(j * w_diff, k * h_diff, w_diff, h_diff, Math.floor(Math.random() * 5) * 2 + 3, clr1, clr2, depth - 1);

      }

      cnt++;

    }

  }

  pop();

};

​

function circlePack(w, h, maxAttempts, clr1, clr2) {

  let circles = [];

  let attempts = 0;

  let minDim = min(w, h);

  let minRadius = minDim * 0.05; // Adjust the proportion for the minimum radius

  let maxRadius = minDim * 0.15; // Adjust the proportion for the maximum radius

  let centerX = w / 2;

  let centerY = h / 2;

  let outerRadius = minDim / 2;

​

  while (attempts < maxAttempts) {

    let angle = random(TWO_PI);

    let distance = random(outerRadius - maxRadius);

    let radius = random(minRadius, maxRadius);

    let newCircle = {

      x: centerX + cos(angle) * distance,

      y: centerY + sin(angle) * distance,

      r: radius

    };

​

    let isValid = true;

    for (let circle of circles) {

      let d = dist(newCircle.x, newCircle.y, circle.x, circle.y);

      if (d < newCircle.r + circle.r) {

        isValid = false;

        break;

      }

    }

​

    if (isValid) {

      circles.push(newCircle);

    }

​

    attempts++;

  }

​

  ellipseMode(CENTER);

  for (let i = 0; i < circles.length; i++) {

    let circle = circles[i];

    fill(i % 2 == 0 ? clr1 : clr2);

    ellipse(circle.x, circle.y, circle.r * 2, circle.r * 2);

  }

}

​