210801a

let palette;

​

function setup() {

  createCanvas(800, 800, WEBGL);

  colorMode(HSB, 360, 100, 100, 100);

  angleMode(DEGREES);

  noLoop();

  ortho(-width / 2, width / 2, -height / 2, height / 2, -2000, 2000);

  palette = shuffle(chromotome.get().colors);

}

​

function draw() {

  if (frameCount % (360 * 3) == 0) {

    palette = shuffle(chromotome.get().colors);

  }

  background(0, 0, 20);

  randomSeed(100 + frameCount / (360 * 3));

  // orbitControl();

  ambientLight(0, 0, 40);

  directionalLight(color(0, 0, 80), 1, 0, -1);

  directionalLight(color(0, 0, 30), -1, 0, -1);

  directionalLight(color(0, 0, 50), 0, 1, 0);

  let offset = width / 15;

​

  let x = 0;

  let y = 0;

  let z = 0;

​

  let d = width * 2.5;

  let minD = width / 10;

​

  noStroke();

  push();

  rotateX(-45 / 2);

  rotateY(45);

  translate(-d / 2, 0, -d / 2);

  separateGrid(x, y, z, d, minD);

  pop();

​

  // noLoop();

}

​

function separateGrid(x, y, z, d, minD) {

  let sep = int(random(2, 5));

  let w = d / sep;

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

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

      let nx = x + i * w;

      let nz = z + j * w;

      if (random(100) < 95 && w > minD) {

        separateGrid(nx, 0, nz, w, minD);

      } else {

        let h = random(minD / 5, d);

        let ny = -h / 2;

        push();

        translate(nx + w / 2, ny, nz + w / 2);

        drawBuilding(w * 0.9, h, w * 0.9);

        pop();

      }

    }

  }

}

​

function drawBuilding(w, h, d) {

​

  let colors = shuffle(palette.concat());

​

  let bc = colors[0];

  colors.splice(0, 1);

​

  rotateY((int(random(4)) * 360) / 4);

  fill(bc);

  box(w, h, d);

​

​

  let w_num = int(random(2, 6));

​

  let w_offset = w / 10;

  let w_margin = w_offset / 5;

  let nw = (w - w_offset * 2 - w_margin * (w_num - 1)) / w_num;

​

  let h_offset = h / 10;

  let h_margin = w_offset / 5;

  let h_num = int((w_num * h) / w);

  let nh = (h - h_offset * 2 - h_margin * (h_num - 1)) / h_num;

​

  push();

  translate(-w / 2, -h / 2, d / 2 + 1);

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

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

      let nx = w_offset + i * (w_margin + nw);

      let ny = h_offset + j * (h_margin + nh);

      fill(random(colors));

      rect(nx, ny, nw, nh);

    }

  }

  pop();

​

  push();

  translate(-w / 2, -h / 2, -d / 2 - 1);

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

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

      let nx = w_offset + i * (w_margin + nw);

      let ny = h_offset + j * (h_margin + nh);

      fill(random(colors));

      rect(nx, ny, nw, nh);

    }

  }

  pop();

​

  push();

  translate(-w / 2 - 1, -h / 2, -d / 2);

  rotateY(-90);

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

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

      let nx = w_offset + i * (w_margin + nw);

      let ny = h_offset + j * (h_margin + nh);

      fill(random(colors));

      rect(nx, ny, nw, nh);

    }

  }

  pop();

​

  push();

  translate(+w / 2 + 1, -h / 2, d / 2);

  rotateY(90);

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

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

      let nx = w_offset + i * (w_margin + nw);

      let ny = h_offset + j * (h_margin + nh);

      fill(random(colors));

      rect(nx, ny, nw, nh);

    }

  }

  pop();

}