Moving ortho plane of cubes.

public/sketch.js

@@ -1,32 +1,34 @@
 let angle = 0;
 let w = 24;
+let ma;
 
 function setup() {
    createCanvas(400, 400, WEBGL);
+   ma = atan(1 / sqrt(2))
 }
 
 function draw() {
-   background(175);
+   background(100);
-   ortho();
+   ortho(-300, 300, 300, -300, 0, 600);
-   directionalLight(255, 255, 255, 0, -1, 0);
 
-   translate(0, 50, -50);
-   rotateX(PI / 8);
 
-   rectMode(CENTER);
+   rotateX(-QUARTER_PI);
+   rotateY(ma);
 
    let offset = 0;
+   for (let z = 0; z < height; z += w) {
       for (let x = 0; x < width; x += w) {
          push();
          let a = angle + offset;
          let h = map(sin(a), -1, 1, 0, 100);
-      translate(x - width / 2, 0, 0);
+         translate(x - width / 2, 0, z - height / 2);
-      ambientMaterial(255);
+         normalMaterial();
-      box(w, h, w);
+         box(w - 2, h, w - 2);
          //rect(x - width / 2 + w / 2, 0, w - 2, h);
-      offset += 0.1;
          pop();
       }
+      offset += 0.1;
+   }
 
    angle += 0.1;
 }