T - OpenProcessing

sketch
xxxxxxxxxx
 
​
let colors = [[255], [0]];
let s;
//setting canvas to 600
function setup() {
  createCanvas(600, 600);
  noStroke();
  noLoop(); //not using any loop
}
​
function draw() {
  const N = random([32, 64]);
  s = width/N;
  divide(width/2, 0, 0, N/2);
  divide(width/2, width/2, 0, N/2);
  divide(width/2, 0, width/2, N/2);
  divide(width/2, width/2, width/2, N/2);
  fill(colors[0]);
  rect(0, 0, width, s/2);
  rect(0, 0, s/2, height);
  rect(width-s/2, 0, s/2, height);
  rect(0, height-s/2, width, s/2);
}
​
function divide(size, x, y, n) {
  if ((random() < 0.5) && (size > 2*s)) {
    divide(size/2, x, y, n/2);
    divide(size/2, x+size/2, y, n/2);
    divide(size/2, x, y+size/2, n/2);
    divide(size/2, x+size/2, y+size/2, n/2);
  } else {
    makeSquare(n, x, y);
  }
}
​
function makeSquare(n, x0, y0) {
  let modulo = 2;
  for (let k = 0; k < n/2; k++) {
    let bit = (k % modulo);
    for (let i = k; i < n-k; i++) {
      render(bit, i, k, x0, y0);
      render(bit, i, n-k-1, x0, y0);
    }
    for (let j = k+1; j < n-k; j++) {
      render(bit, k, j, x0, y0);
      render(bit, n-k-1, j, x0, y0);
    }
  }
}
​
function render(bit, i, j, x0, y0) {
  let x = i*s + x0;
  let y = j*s + y0;
  if ((i+j)%2 == 0) {
    if (bit == 0) {
      fill(colors[0]);
      square(x, y, s);
      fill(colors[1]);
      arc(x, y, s, s, 0, HALF_PI);
      arc(x+s, y+s, s, s, PI, 3*HALF_PI);
    } else {
      fill(colors[1]);
      square(x, y, s);
      fill(colors[0]);
      arc(x+s, y, s, s, HALF_PI, PI);
      arc(x, y+s, s, s, 3*HALF_PI, 0);
    }
  } else {
    if (bit == 0) {
      fill(colors[0]);
      square(x, y, s);
      fill(colors[1]);
      arc(x, y+s, s, s, 3*HALF_PI, 0);
      arc(x+s, y, s, s, HALF_PI, PI);
    } else {
      fill(colors[1]);
      square(x, y, s);
      fill(colors[0]);
      arc(x, y, s, s, 0, HALF_PI);
      arc(x+s, y+s, s, s, PI, 3*HALF_PI);
    }
  }
}
function keyPressed() {
  if (key === " ") {
    draw();
  }
}