cube27dark

// Visualization related to the cells in the space-time cube

// See: http://sigspatial2016.sigspatial.org/giscup2016/problem

// Engineer: jWilliam Dunn 2019.1123

​

document.oncontextmenu = () => false;

​

var self=[0,0,0], M=6, cam,

    state = {

    distance: 1100,

    center: [45,66,-32],

    rotation: [-0.438, -0.23, 0.38, -0.78]

    };

function setup() {

  createCanvas(1400,420, WEBGL);

  pixelDensity(2);

  setAttributes('antialias', true);

  cam = createEasyCam();

  cam.setState(state, 4000);

  cam.state_reset = state; // state to use on reset

  perspective(PI/8, width/height, 1, 6000);

}

function neighbors(x1,y1,z1, x2,y2,z2) {

  if (abs(x1-x2) <= 1 && abs(y1-y2) <= 1 && abs(z1-z2) <= 1 ) return true;

  return false;

}

function draw() {

  if(!cam) return;

  background(0);

  noFill();

  stroke(127);

  box(100*(M+1));

  stroke(63,63);

  strokeWeight(0.5);

  for(let i=-M/2; i<=M/2; i++)

    for(let j=-M/2; j<=M/2; j++)

      for(let k=-M/2; k<=M/2; k++) {

        push();

          if(neighbors(i,j,k, self[0],self[1],self[2])){

            stroke(127);

            fill(0,127,255,15);

          } else noFill();

          if(i==self[0]&&j==self[1]&&k==self[2])fill(255,127,0,127);

          translate(i*100, j*100, k*100);

          box(95);

        pop();

      }

}

​

function keyPressed(){

  //console.log(cam.getState()); // useful for setting initial state

  if(keyCode === LEFT_ARROW && self[0]>-M/2)self[0]-=1;

  if(keyCode === RIGHT_ARROW && self[0]<M/2)self[0]+=1;

  if(keyCode === DOWN_ARROW && self[1]>-M/2)self[1]-=1;

  if(keyCode === UP_ARROW && self[1]<M/2)self[1]+=1;

  if(key === "-" && self[2]>-M/2)self[2]-=1;

  if(key === "+" && self[2]<M/2)self[2]+=1;

  if(key === "1"){self=[M/2,-M/2,M/2];}

}