3D Moiré

let f=0;

let W=400;

​

setup=_=>{

  createCanvas(W, W, WEBGL);

  noStroke();

}

​

draw=_=>{

  background(0);

  rotateX(f/W);

  rotateY(f/W);  

  for(y=-200;y<200;y+=50){

    for(z=-W;z<W; z+=20){

      for(x=-W;x<W; x+=20){

        push();

        let Z=z+f%20;

        M=mag(x, Z);

        if(M<140){

          let Y=y+f%50;

          fill(255,200-abs(Y));

          translate(x,Y,Z);

          sphere(5-M/28);

        }

        pop();

      }

    }

  }

  f++;

}

​

// Minimized:

// f=0,draw=a=>{for(f++||createCanvas(W=400,W,WEBGL),background(0),rotateX(f/W),rotateY(f/W),y=-200;y<200;y+=50)for(z=-W;z<W;z+=20)for(x=-W;x<W;x+=20)push(),M=mag(x,Z=z+f%20),M<140&&(fill(255,200-abs(Y=y+f%50)),translate(x,Y,Z),sphere(5-M/28,33)),pop()};//#つぶやきProcessing