let numRows, numCols, numZ;

let cellSize;

let z;

​

// https://kgolid.github.io/chromotome-site/ # roygbiv-warm

function getCell(r,c,z) {

  let colors = [

    color(242,242,242,255),

    color(112,95,132,255),

    color(104,125,153,255),

    color(108,132,62,255),

    color(251,155,26,255),

    color(220,56,58,255),

    color(170,58,51,255),

    color(156,66,87,255),

    color(242,242,242,255)

  ];

  let _cell = grid[z][r][c];

  let _col = color(255,0,255);

  if (_cell < 0.0) _col = colors[0];

  else if (_cell < 0.2) _col = colors[1]

  else if (_cell < 0.3) _col = colors[2]

  else if (_cell < 0.4) _col = colors[3]

  else if (_cell < 0.5) _col = colors[4]

  else if (_cell < 0.6) _col = colors[5]

  else if (_cell < 0.7) _col = colors[6]

  else if (_cell < 0.8) _col = colors[7]

  else _col = colors[8];

  return _col;

}

​

function setup() {

  numRows = 50;

  numCols = 50;

  numZ = 50;

  cellSize = 20;

  z = 0;

  noiseDetail(8,0.6);

  createCanvas(cellSize*numCols,cellSize*numRows);

  grid = [];

  for (let z = 0; z < numZ; z++) {

    grid[z] = [];

    for (let r = 0; r < numRows; r++) {

      grid[z][r] = [];

      for (let c = 0; c < numCols; c++) {

        grid[z][r][c] = noise(c,r,z);

      }

    }

  }

}

​

function draw() {

  background(220);

  noFill();

  for (let r = 0; r < numRows; r++) {

    for (let c = 0; c < numCols; c++) {

      // fill(getCell(r,c,z))

      stroke(getCell(r,c,z));

      noFill();

      circle(c*cellSize+12, r*cellSize+12, 2);

      // point(c*cellSize,r*cellSize);

      // rect(c*cellSize, r*cellSize,cellSize,cellSize);

    }

  }

  if (frameCount % 22 == 0)

  z++;

  if (z >= numZ) z = 0;

}