​

function setup() {

  createCanvas(800, 800);

  background(0);

  bw = width * 0.25;

  gfx = createGraphics(bw, bw);

  gfx.fill(color(220, 220, 220, 10));

  gfx.noStroke();

​

  ow = bw * 0.01;

  gfx.rectMode(CENTER);

  for (let y = ow; y < gfx.height; y += 2 * ow) {

    for (let x = ow; x < gfx.width; x += 2 * ow) {

      gfx.rect(x, y, ow, ow);

    }

  }

​

​

  imageMode(CENTER);

  image(gfx, width / 2, height / 2);

​

  saveGif("m.gif", 8);

}

​

function draw() {

  background(color(20,20,20,10));

  stroke(color(220, 220, 220, 1));

  for (let x = ow; x < width; x += ow) {

    line(x, 0, x, height);

  }

  for (let y = ow; y < height; y += ow) {

    line(0, y, width, y);

  }

  // background(220);

  // for (let _ = 0; _ < 20; _++) {

    let _t = random(0, TWO_PI);

    if (random() > 0.8) {

      tint(random([color(220,0,220), color(0,220,0)]));

    } else noTint();

​

    for (let t = _t; t < _t + TWO_PI; t += PI / 8) {

      let x = width / 2 + bw * cos(t);

      let y = height / 2 + bw * sin(t);

      push();

      translate(x, y);

      rotate(t);

      image(gfx, 0, 0);

      pop();

    }

  // }

}

​