inpired by: https://github.com/sidwellr/schotter

​

*/

​

const AMT_ROW = 12;

const AMT_COL = 12;

const Y_OFFSET = -42;

const levels = [];

var t=0;

var dt=0.3141234;

var size, sx;

function setup() {

  createCanvas(400, 400);

  size = (height+width)/2/AMT_ROW;

​

  for (var i=0; i < AMT_ROW; i++) {

    levels.push([]);   

    for (var j=0; j < AMT_COL ; j++){

      levels[i].push(createVector(j*size, Y_OFFSET+(i*size), 0));

    }

  }

  noFill();

  colorMode(HSB);

}

​

function draw() {

  for (const [i,row] of levels.entries()){

    for (const v of row) {

      const r = map(abs(v.x+t), 0,width,0,55);

      const g = map(abs(v.y+t), -50,height,0,55)

      stroke(r,g,100,1);

      v.x +=random(-1,1)*i/100;

      v.y +=random(0,0.1)*i;

      v.z +=random(-1,1)/1000*i

      push();

      translate(v.x,v.y)

      rotate(v.z)

      square(0,0, size);

      pop();

    }

  }

  t+=dt;

}