​

function setup() {

  createCanvas(600, 600);

}

​

function draw() {

  const scene2 = Math.floor(frameCount / 1000) % 2 === 1;

  if (scene2 && CHAOS) {

    background(255);

    stroke("black");

  } else {

    background(0);

    stroke("white");

  }

​

  strokeWeight(2);

​

  translate(0, -60);

  for (let i = 0; i < 10; i++) {

    push();

    for (let j = 0; j < 10; j++) {

      translate(0, 60);

      push();

      translate(30, 30);

      rotate((frameCount + i * j) / 100);

      let modifiedFrameCount;

      if (CHAOS) {

        modifiedFrameCount = Math.floor(frameCount / (sin(frameCount) * 1 + 4));

      } else {

        modifiedFrameCount = Math.floor(frameCount / 4);

      }

      if (

        scene2 ||

        i * 10 + j == modifiedFrameCount % 100

      ) {

        // needs to be 60 * sqrt(2) in length to not overlap

        line(-20, -20, 20, 20);

      }

      pop();

      if (scene2) {

        push();

        noStroke();

        if (CHAOS) {

          fill('black');

        }

        text(i + "," + j,0,0);

        pop();

      }

    }

    pop();

    translate(60, 0);

  }

}

​