let w = 24;

let ma;

let maxD;

​

let frames = 60;

​

function setup() {

  createCanvas(400, 400, WEBGL);

  ma = atan(cos(QUARTER_PI));

  maxD = dist(0, 0, 200, 200);

}

​

function keyPressed() {

  if (key == " ") {

    const options = {

      units: "frames",

      delay: 0

    }

    saveGif("beesandbombs.gif", frames, options);

  }

}

​

function draw() {

  background(10);

  orbitControl(1,-1,1);

  ortho(-400, 400, 400, -400, 0, 1000);

  rotateX(ma);

  rotateY(-QUARTER_PI);

​

  for (let z = 0; z < height; z += w) {

    for (let x = 0; x < width; x += w) {

      push();

      let d = dist(x, z, width / 2, height / 2);

      let offset = map(d, 0, maxD, -PI, PI);

      let a = angle + offset;

      let h = floor(map(sin(a), -1, 1, 100, 300));

      translate(x - width / 2, 0, z - height / 2);

      normalMaterial();

      //ambientMaterial(255);

      box(w, h, w);

      pop();

    }

  }

​

  angle -= TWO_PI / frames;

}

​