let d, img;

const perloop = 20;

const col = [[50,80,160],[60,100,180]];

​

function setup() {

  createCanvas(500,500);

  d = pixelDensity();

  img = 4 * (width * d) * (height * d);

}

​

function draw() {

  loadPixels();

  let thing = millis()*0.0002

  for (let i = 0; i < img/perloop; i += 4*perloop) {

    let i2 = i + floor((i)/(4*width * d)) * perloop * 4 * width * d;

    let index = i2/4/d;

    let y = index/(width*d);

    let x = index%width

    let val = noise(0.5*x/width,0.5*y/height,thing)*500-125

    if(val<110){val=0;}

    else {val=1;}

    // let thiscol = col[val]

    for(let k=0;k<=perloop;k++){

      for(let m=0;m<perloop;m++){

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

          pixels[i2 + width*4*d*k + 4*m + j] = col[val][j];

        }

        pixels[i2 + width*4*d*k + 4*m + 3] = 256;

      }

    }

  }

  updatePixels();

  counter++;

  if(counter>10){

    print(frameRate());

    counter = 0;

  }

}