var roty = 0;

var x = 200;

var y = 200;

var z = 200;

var changeY = 0;

var changeX = 0;

var changeZ = 0;

var t1 = 0;

var t2 = 0;

var t3 = 0;

​

function setup() {

  createCanvas(400, 400, WEBGL);

}

​

function draw() {

  var x = random(200);

  var y = random(200);

  var z = random(200);

​

  var t1 = random(200);

  var t2 = random(200);

  var t3 = random(200);

  background(0);

  rotateX(rotx);

  rotateY(roty);

  fill(random(255),random(255),random(255));

  box(50,z);

  box (20,y)

  box(x,5,z)

  rotx = rotx + 0.01;

  roty = roty + 0.01;

  translate(t1, t2, t3);

  box(100, 100, x, y, z);

​

  if (random(10) < 1) {

    var dir = int(random(4));

    if (dir === 0) {

      changeX = 50;

      changeY = 0;

    } else if (dir === 1) {

      changeX = -50;

      changeY = 0;

    } else if (dir === 2) {

      changeY = 50;

      changeX = 0;

    } else {

      changeY = -50;

      changeX = 0;

    }

    // if (x > 400) {

    //   x = 380;

    // }

    // if (y > 400) {

    //   y = 380;

    // }

    // if (y < 0) {

    //   y = 20;

    // }

    // if (x < 0) {

    //   x = 0;

    // }

  }

  y = y + changeY;

  x = x + changeX;

  z = z + changeZ;

}

​