reflect & refract!

let f=0;

let e=88;

setup=_=> {

  createCanvas(W = 400, W, WEBGL);

  noStroke();

}

draw=_=> {

  background(0);

  for(y=-e;y<e;y+=2){

    for(z=0;z<e;z+=20){

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

        E=e-dist(0,0,0,X=x+f%20,Y=y-f%2,z);

        push();

        fill(E*7-y);

        translate(X,Y+120,z*1.1);

        sphere(E);

        translate(0,-Y*2-150,120);

        if(E>0) sphere(E);

        pop();

      }

    }

  }

  f+=.5;

}

​

// f=0,e=88,draw=r=>{for(f||createCanvas(W=400,W,WEBGL),background(0),T=translate,y=-e;y<e;y+=2)for(z=0;z<e;z+=20)for(x=-e;x<e;x+=20)push(E=e-dist(0,0,0,X=x+f%20,Y=y-f%2,z)),fill(7*E-y),T(X,Y+120,1.1*z),sphere(E,W),T(0,2*-Y-150,120),pop(E>0&&sphere(E,W));f+=.5};//#つぶやきProcessing