Kawano Mosaic

let RANDOM_SEED;

let MARGIN;

let BLOCK_SIZE;

let ASPECT_RATIO;

let PALETTE;

​

let DIM;

​

function setup() {

  MARGIN = createVector(10, 10);

  BLOCK_SIZE = 15;

  ASPECT_RATIO = 9 / 11;

  PALETTE = ['black', 'rgb(2,34,148)', 'rgb(152,38,37)', 'rgb(209,185,61)'];

​

  RANDOM_SEED = int(random() * 1000000);

  randomSeed(RANDOM_SEED);

​

  createCanvas(windowHeight * ASPECT_RATIO, windowHeight);

​

  DIM = createVector(

    int((width - (2 * MARGIN.x)) / BLOCK_SIZE),

    int((height - (2 * MARGIN.y)) / BLOCK_SIZE));

​

  const true_dim = p5.Vector.mult(DIM, BLOCK_SIZE);

  const diff = p5.Vector.sub(createVector(width, height), true_dim);

  diff.mult(0.5);

​

  MARGIN = (diff);

​

  noLoop();

}

​

function recursive_rect(colour, min_pos, max_pos, max_width) {

  if (max_width.x < 1 || max_width.y < 1) {

    return;

  }

  const pos_range = p5.Vector.sub(max_pos, min_pos);

  //console.log(pos_range.x + ' ' + pos_range.y );

  const pos = p5.Vector

    .add(

      min_pos,

      p5.Vector.mult(

        createVector(random(), random()), 

        pos_range));

  //console.log(`pos: ${pos.x}, ${pos.y}`);

  const dxdy = createVector(

      min(DIM.x - pos.x, int(random(0.1, 0.9) * (max_width.x))),

      min(DIM.y - pos.y, int(random(0.1, 0.9) * (max_width.y)))

      );

  //console.log(`dxdy: ${dxdy.x}, ${dxdy.y}`);

  fill(colour );

  rect(int(pos.x), int(pos.y), int(dxdy.x), int(dxdy.y));

   recursive_rect(

     colour,

     p5.Vector.sub(pos, p5.Vector.mult(dxdy, 0.25)),

     p5.Vector.add(p5.Vector.add(pos,dxdy), p5.Vector.mult(dxdy, 0.25)),

     p5.Vector.mult(dxdy, 1.25));

}

​

function draw() {

  translate(MARGIN.x, MARGIN.y);

  scale(BLOCK_SIZE);

​

  noStroke();

  for (let i = 0; i < 100; i++) {

    recursive_rect(

      PALETTE[int(random()*PALETTE.length)],

      createVector(0,0),

      createVector(

        DIM.x - (DIM.x / 8),

        DIM.y - (DIM.y / 8)),

      createVector(DIM.x/4, DIM.y/4));

  }

}

function keyTyped() {

  if (key === 's') {

    save(`kawano_${RANDOM_SEED}`);

  }

}