let type = 'cloud'; // color (ful) or cloud(like)

let size = 5; // block-size

let wno, hno; // no of blocks

let dbase = 1; // main increment

let i, j, k; // just some counters

let x, y; // screen coordinates

let dx, dy, dz, da; // base for noise

let vx, vy, vz, va; // value of noise

​

function setup() {

  wno = wid / size;

  hno = hig / size;

  createCanvas(wid, hig);

}

​

function draw() {

  background(0);

  fill(255,255,0);

  ellipse(dbase * 10,100,50);

  noStroke();

  // print(wno);

  dx = dbase; 

  // print(dx);

  for (let x = 0; x < wno; x++) {

    dy = dbase + 1; dz = dbase + 4; da = dbase + 3;

    for (let y = 0; y < wno; y++) {

      if (type == 'cloud') {

        vx = noise(dx,dy) * 255;  // grayscaled

        fill(255,vx);               // grayscaled

      } else {

        // vx = noise(dx)*255;       // colored

        // vy = (noise(dy))*255;     // colored

        // vz = noise(dz)*255;       // colored

        // fill(vx,vy,vz);           // colored

        vx = noise(dx,dy,-dz) * 255; // colored improved

        vy = noise(dy,dz,-dx) * 255; // colored improved

        vz = noise(dz,dx,-dy) * 255; // colored improved

        va = map(noise(da), 0,1,200, 255); // colored improved

        fill(vx,vy,vz,va);           // colored

      }

      square(x * 5, y * 5, size);

      dy = dy += .01;

      dz = dz += .05;

    }

    dx += .02;

    // print(vx);

  }

 // dbase = dbase + .02;

  // dbase = dbase + random(-.1,.1);

  dbase = dbase + noise(dbase)/10;

  // noLoop();    

}