let grid;

let maxZ, currZ;

function setup() {

  createCanvas(1000, 1000);

  noiseDetail(14, 0.25);

  cellsize = width * 0.01;

​

  background(255);

​

  noFill();

  stroke(0);

  strokeWeight(2.0);

​

  grid = [];

  maxZ = 20;

  currZ = 0;

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

    grid[z] = [];

    for (let y = 0; y < height; y += cellsize) {

      grid[z][y] = [];

      for (let x = 0; x < width; x += cellsize) {

        let n = noise(x * 0.001, y * 0.001, z*0.1);

        grid[z][y][x] = n;

        // if (n < 0.5) arc1(x, y, cellsize, cellsize);

        // else arc2(x, y, cellsize, cellsize);

        // rect(x, y, cellsize, cellsize);

​

        // if (random() > 0.5) arc1(x, y, cellsize, cellsize);

        // else arc2(x, y, cellsize, cellsize);

​

        // if (random() > 0.5) {

        //       let r = random();

        //       let t = int(map(r, 0.0, 1.0, 0, 4));

        //       line1(x, y, cellsize, cellsize, t);

      }

    }

  }

  // frameRate(10);

}

​

function draw() {

  // background(220);

  // noLoop();

  background(255);

  for (let y = 0; y < height; y += cellsize) {

    for (let x = 0; x < width; x += cellsize) {

      // let n = noise(x * 0.001, y * 0.001, frameCount * 0.01);

      let n = grid[currZ][y][x];

      if (n < 0.5) arc1(x, y, cellsize, cellsize);

      else arc2(x, y, cellsize, cellsize);

      // rect(x, y, cellsize, cellsize);

    }

  }

  currZ++;

  if (currZ > maxZ-1) currZ = 0;

}

​

function arc1(x, y, w, h) {

  arc(x + w, y, w, h, HALF_PI, PI);

  arc(x, y + h, w, h, PI + HALF_PI, TWO_PI);

}

​

function arc2(x, y, w, h) {

  arc(x, y, w, h, 0, HALF_PI);

  arc(x + w, y + h, w, h, PI, PI + HALF_PI);

}

​

function line1(x, y, w, h, t) {

  let w2 = w / 2;

  let h2 = h / 2;

​

  if (t == 0) {

    line(x + w2, y, x + w, y + h2);

    line(x + w2, y, x, y + h2);

  } else if (t == 1) {

    line(x + w2, y + h2, x, y + h2);

    line(x + w2, y + h2, x + w, y + h2);

  } else if (t == 2) {

    line(x, y + h2, x + w2, y);

    line(x, y + h2, x + w2, y + h);

  } else {

    //if (t == 3) {

    line(x + w, y + h2, x + w2, y);

    line(x + w, y + h2, x + w2, y + h);

  }

}

​