// arts 444

// grosser, apr 2019

​

let cam; 

let xScale;

let yScale;

​

function setup() {

  createCanvas(640,480);

  // colorMode(HSB);

  // setup the camera

  cam = createCapture(VIDEO);

  cam.size(40,30);

  cam.hide();

  // setup some scale variables we'll use 

  // for sizing rects later

  xScale = width/cam.width;

  yScale = height/cam.height;

}

​

function draw() {

  background(220);

  // tell p5 we're going to use the pixel []

  cam.loadPixels();

  // go through all the camera pixels in this frame

  // first by row (y)

  for(let y=0;y<cam.height;y++) {

    // then by column (x)

    for(let x=cam.width;x>=0;x--) {

      // get the r,g,b of each pixel

      let i = (x + y * cam.width) * 4;

      let r = cam.pixels[i+0];

      let g = cam.pixels[i+1];

      let b = cam.pixels[i+2];

      // if(mouseIsPressed) {

      //   print(r+","+g+","+b);

      // }

      // use that color to draw a rect to the screen

      stroke(48);

      colorMode(RGB);

      let h = hue(color(r,g,b));

      if(h > 15 && h < 17) {

        fill(0);

      } else {

      fill(r,g,b);

      }

      // fill(hue(color(r,g,b)),100,100);

      rect((cam.width-x-1)*xScale, y*yScale,xScale,yScale);

    } // end x for()

  } // end y for()

  // tell p5 we're done messing with pixel []

  cam.updatePixels();

}

​

function mouseClicked() {

  let c = get(mouseX,mouseY);

  let h = hue(color(c[0],c[1],c[2]));

  print(c[0]+","+c[1]+","+c[2]);

  print(h);

}