201224a

let graphices = [];

let graphics_num = 20;

let graphics_max_pixel = 20;

​

function setup() {

  createCanvas(800, 800);

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

  angleMode(DEGREES);

  noSmooth();

​

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

    let g = createGraphics(graphics_max_pixel, graphics_max_pixel, P2D);

    g.push();

    g.fill(0,0,0);

    g.noStroke();

    g.rect(0, 0, graphics_max_pixel, graphics_max_pixel);

    g.erase();

    g.rect(1, 1, graphics_max_pixel-2, graphics_max_pixel-2);

    g.noErase();

    g.pop();

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

    g.angleMode(DEGREES);

    g.push();

    g.translate(g.width / 2, g.height / 2);

    g.rotate(int(random(4)) * 360 / 4);

    g.translate(-g.width / 2, -g.height / 2);

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

      let d = g.width / (i);

      let x = d * j;

      let y = 0;

      let w = d;

      let h = g.height;

      g.fill(0, 0, 0);

      g.noStroke();

      if (j % 3 == 0) {

        g.rect(int(x), y, int(w), h);

​

      }

    }

    g.pop();

    let step = int(random(2, 9));

    for (let l = 0; l < sq(graphics_max_pixel); l++) {

      g.push();

      g.erase();

      if (l % step == 0) {

        g.point(l % graphics_max_pixel, int(l / graphics_max_pixel));

​

      }

      g.noErase();

      g.pop();

    }

​

    graphices.push(g);

  }

}

​

​

function separateGrid(x, y, d) {

  let sepNum = int(random(1, 4));

  let w = d / sepNum;

  for (let i = x; i < x + d - 1; i += w) {

    for (let j = y; j < y + d - 1; j += w) {

      if (random(100) < 90 && d > width / 5) {

        separateGrid(i, j, w);

      } else {

        let g = random(graphices);

        push();

        translate(i + w / 2, j + w / 2);

        scale((random(100) > 50 ? -1 : 1),

          (random(100) > 50 ? -1 : 1))

        // rotate(random(360 / 200) * (random(100) > 50 ? -1 : 1));

        // shearX(random(10) * (random(100) > 50 ? -1 : 1));

        // shearY(random(10) * (random(100) > 50 ? -1 : 1));

        imageMode(CENTER);

        image(g, 0, 0, w, w);

        pop();

      }

    }

  }

}

​

function draw() {

  clear();

  let offset = width / 20;

  let q = sqrt(sq(width) + sq(height));

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

    separateGrid(-offset, -offset, width + offset * 2);

    let g = get();

    clear();

    background(0, 0, 95);

    push();

    translate(width / 2, height / 2);

    scale(random(0.5, 1));

    shearX(random(30 / 2) * (random(100) > 50 ? -1 : 1));

    shearY(random(30 / 2) * (random(100) > 50 ? -1 : 1));

    imageMode(CENTER);

    drawingContext.shadowColor = color(0, 0, 0, 50);

    let shadow_blur = offset / 5;

    drawingContext.shadowBlur = shadow_blur;

    drawingContext.shadowOffsetX = shadow_blur / 3;

    drawingContext.shadowOffsetY = shadow_blur / 3;

    for (let r = -q; r <= q; r += q) {

      for (let s = -q; s <= q; s += q) {

        image(g, r, s, q, q);

      }

    }

    pop();

  }

  // noLoop();

  frameRate(1 / 2);

}