function preload() {

  img = loadImage('group.png');

}

function setup() {

  createCanvas(img.width, img.height*2.3);

  // img = createCapture(VIDEO);

  // img.size(320,240);

  img.loadPixels();

  tmpImg = createImage(img.width, img.height);

  tmpImg.loadPixels();

  for (let i = 0; i < tmpImg.width; i++) {

    for (let j = 0; j < tmpImg.height; j++) {

      c = img.get(i,j);

      colorMode(RGB);

      ave = (red(c) + green(c) + blue(c))/3;    

      colorMode(HSB);

      //tmpImg.set(i, j, color(360-ave*360/255,100,100));

      tmpImg.set(i, j, color(300-ave*300/255,100,100));

    }

  }

  tmpImg.updatePixels();

}

​

function draw() {

  background(300,10,100);

  image(img,0,0);

  image(tmpImg,0,img.height+30);

}