// arts 444

// grosser, apr 2019

​

let cam; 

let xScale;

let yScale;

​

function setup() {

  createCanvas(640,480);

  colorMode(HSB);

  angleMode(DEGREES);

  // setup the camera

  cam = createCapture(VIDEO);

  cam.size(80,70);

  cam.hide();

  // setup some scale variables we'll use 

  // for sizing rects later

  xScale = width/cam.width;

  yScale = height/cam.height;

}

​

function draw() {

  background(0);

  // 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 h = cam.pixels[i+0];

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

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

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

      noStroke();

      if (mouseIsPressed == false){

      fill(map(mouseX,0,width,200,300),s,75,);}

        else if (mouseIsPressed == true){

          fill(h,s,b);

        }

      ellipse((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();

}

​

​