let scope = 20;

let density = 20;

let nf = 0;

let time = 0;

let col;

let al = 50;

​

function setup() {

  createCanvas(900, 900);

  background(220);

  col = color(cols[0]);

  noStroke();

  for(a = 0; a < width / density; a++){

    for(b = 0; b < height / density; b ++){

      nf = noise(a / scope, b / scope, time);

      if(nf < 0.1){

        col = color(cols[0]);

        col.setAlpha(al)

        fill(col);

        square(a * density, b * density, density);

      } else if(nf < 0.2){

        col = color(cols[1]);

        col.setAlpha(al)

        fill(col);

        square(a * density, b * density, density);

      } else if(nf < 0.3){

        col = color(cols[2]);

        col.setAlpha(al)

        fill(col);

        square(a * density, b * density, density);

      } else if(nf < 0.4){

        col = color(cols[3]);

        col.setAlpha(al)

        fill(col);

        square(a * density, b * density, density);

      } else if(nf < 0.5){

        col = color(cols[4]);

        col.setAlpha(al)

        fill(col);

        square(a * density, b * density, density);

      } else if(nf < 0.6){

        col = color(cols[5]);

        col.setAlpha(al)

        fill(col);

        square(a * density, b * density, density);

      } else if(nf < 0.7){

        col = color(cols[6]);

        col.setAlpha(al)

        fill(col);

        square(a * density, b * density, density);

      } else if(nf < 0.8){

        col = color(cols[7]);

        col.setAlpha(al)

        fill(col);

        square(a * density, b * density, density);  

      } else if(nf < 0.9){

        col = color(cols[8]);

        col.setAlpha(al)

        fill(col);

        square(a * density, b * density, density);

      } else if(nf < 1){

        col = color(cols[9]);

        col.setAlpha(al)

        fill(col);

        square(a * density, b * density, density);

      }

    }

  }

}

​

function draw() {

  time = time + 0.001;

  for(a = 0; a < width / density; a++){

    for(b = 0; b < height / density; b ++){

      nf = noise(a / scope, b / scope, time) * 1.3;

      if(nf < 0.1){

        col = color(cols[0]);

        col.setAlpha(al)

        fill(col);

        square(a * density, b * density, density);

      } else if(nf < 0.2){

        col = color(cols[1]);

        col.setAlpha(al)

        fill(col);

        square(a * density, b * density, density);

      } else if(nf < 0.3){

        col = color(cols[2]);

        col.setAlpha(al)

        fill(col);

        square(a * density, b * density, density);

      } else if(nf < 0.4){

        col = color(cols[3]);

        col.setAlpha(al)

        fill(col);

        square(a * density, b * density, density);

      } else if(nf < 0.5){

        col = color(cols[4]);

        col.setAlpha(al)

        fill(col);

        square(a * density, b * density, density);

      } else if(nf < 0.6){

        col = color(cols[5]);

        col.setAlpha(al)

        fill(col);

        square(a * density, b * density, density);

      } else if(nf < 0.7){

        col = color(cols[6]);

        col.setAlpha(al)

        fill(col);

        square(a * density, b * density, density);

      } else if(nf < 0.8){

        col = color(cols[7]);

        col.setAlpha(al)

        fill(col);

        square(a * density, b * density, density);  

      } else if(nf < 0.9){

        col = color(cols[8]);

        col.setAlpha(al)

        fill(col);

        square(a * density, b * density, density);

      } else if(nf < 1){

        col = color(cols[9]);

        col.setAlpha(al)

        fill(col);

        square(a * density, b * density, density);

      }

    }

  }

  // background(220);

}