Cubes - OpenProcessing

mySketch
xxxxxxxxxx
 
const agentArray = [];
const agentAmount = 12;
const grid = 4;
const subStep = 30;
const colorArray = "#FF0000/#FFA500/#FFFF00/#008000/#0000FF/#800080/#FFC0CB/#A52A2A/#808080/#FFD700/#C0C0C0/#40E0D0".split("/");
​
const vectors = [
  { x: +1, y: 0, z: 0 },
  { x: -1, y: 0, z: 0 },
  { x: 0, y: +1, z: 0 },
  { x: 0, y: -1, z: 0 },
  { x: 0, y: 0, z: +1 },
  { x: 0, y: 0, z: -1 },
];
​
function setup() {
  createCanvas(windowWidth, windowHeight, WEBGL);
  for (let i = 0; i < agentAmount; i++) {
    agentArray.push(new agent());
  }
}
​
function draw() {
  background("white");
  rotateY(frameCount / 120);
​
  fill("white");
  for (let k = 0; k < grid; k++) {
    for (let j = 0; j < grid; j++) {
      for (let i = 0; i < grid; i++) {
        const { x, y, z } = denormalize(i, j, k);
        push();
        translate(x, y, z);
        box(150, 2, 2);
        box(2, 150, 2);
        box(2, 2, 150);
        pop();
      }
    }
  }
  const t = ((frameCount - 1) % subStep) / subStep;
  const step = t ** 3;
  agentArray.forEach((a) => {
    step || a.setNext();
    a.move(step);
  });
}
​
const denormalize = (x, y, z) => ({
  x: map(x, 0, 3, -200, 200),
  y: map(y, 0, 3, -200, 200),
  z: map(z, 0, 3, -200, 200),
});
​
function agent() {
  const x = 0;
  const y = 0;
  const z = 0;
  this.curr = createVector(x, y, z);
  this.next = this.curr.copy();
  this.color = colorArray[agentArray.length] || "white";
​
  this.isInBounds = (x, y, z) => {
    return 0 <= x && x < grid && 0 <= y && y < grid && 0 <= z && z < grid;
  };
​
  this.hasNoCollision = (x, y, z) => {
    const rest = agentArray.filter((a) => a != this);
    return !rest.some(
      (a) =>
        (x == a.curr.x && y == a.curr.y && z == a.curr.z) ||
        (x == a.next.x && y == a.next.y && z == a.next.z)
    );
  };
​
  this.setNext = () => {
    this.curr = this.next.copy();
    const pos = this.curr;
    availablePaths = vectors.filter((dif) => {
      const x = pos.x + dif.x;
      const y = pos.y + dif.y;
      const z = pos.z + dif.z;
      return this.isInBounds(x, y, z) && this.hasNoCollision(x, y, z)
    });
​
  const choice = random(availablePaths);
  this.next = choice
    ? createVector(pos.x + choice.x, pos.y + choice.y, pos.z + choice.z)
    : pos.copy();
  };
​
  this.move = (t) => {
    const pos = p5.Vector.add(
      this.curr.copy().mult(1 - t),
      this.next.copy().mult(t));
    stroke("black");
    fill(this.color);
    const { x, y, z } = denormalize(pos.x, pos.y, pos.z);
    push();
    translate(x, y, z);
    box(100);
    pop();
  };
}
​