let tgrb = 0;

let n;

let grb = [];

let w = 400;

let h = 400;

let px = 10;

let py = 10

let r=[0.3,0.59,0.11]

function preload() {

  her = loadImage("Her.jpg");

}

function setup() {

  createCanvas(w, h);

  image(her, 0, 0, w, h);

  loadPixels();

  resizeCanvas(2*w, h);

  n = pixels.length / 4;

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

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

      let tgrb = 0;

      for (let k = 0; k < w/px; k++) {

        for(let m=0;m<h/py;m++){

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

            tgrb += r[l]*pixels[4 * ((i*w/px+k) + h/py*w*j)+l]

          }

      }

      }

      grb.push(tgrb / n * px * py);

    }

  }

​

  //print(grb)

  noStroke()

  for (let i = 0; i < grb.length; i++) {

    fill(grb[i]);

    rect(

      ((i % px) * w) / px,

      (floor(i / px) * h) / py,

      (((i % px) + 1) * w) / px,

      ((floor(i % px) + 1) * h) / py

    );

  }

  image(her, w, 0, w, h);

}

​

function draw() {}

​