function setup() {

  createCanvas(800, 800);

  gfx = createGraphics(width, height);

  off = width * 0.05;

​

  background(20);

  gfx.fill(220);

  gfx.noStroke();

​

  let cnt = 0;

  for (let y = off; y < height - off; y += off) {

    for (let x = off; x < width - off; x += off) {

      if (cnt % 2 == 0) gfx.fill(220);

      else gfx.noFill();//gfx.fill(20);

​

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

      cnt++;

    }

    if (cnt % 2 == 0) cnt = 1;

    else cnt = 0;

  }

​

  image(gfx, 0, 0);

​

  g = createImage(width, height);

  g.copy(gfx, 0, 0, width, height, 0, 0, width, height);

}

​

function getPos(t, o) {

  if (t) return { x: o, y: o };

  else {

    return { x: o + random(-5,5), y: o + random(-5, 5) };

  }

}

function draw() {

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

  tint(color(255, 0, 0, 50));

  let pos = getPos(random() > 0.9, -off/4);

  image(g, pos.x, pos.y);

​

  pos = getPos(random() > 0.9, off/4);

  tint(color(0, 255, 0, 50));

  image(g, pos.x, pos.y);

​

  pos = getPos(random() > 0.9, off/2);

  tint(color(0, 0, 255, 50));

  image(g, pos.x, pos.y);

​

  pos = getPos(random() > 0.9, -off/2);

  tint(color(255, 0, 255, 50));

  image(g, pos.x, pos.y);

​

  pos = getPos(random() > 0.99, 0);

  tint(255, 127);

  image(gfx, pos.x, pos.y);

  // background(220);

}

​

function keyPressed() {

  if (key == "s") saveGif("a.gif", 10);

}

​

​

​