​

let capture;

let filter;

​

function preload(){

  //img = loadImage("assets/Rafi.jpg")

}

​

function setup() {

  createCanvas(680, 400);

  pixelDensity(1);

  // background(255);

  //image(img,0,0,400,500);

  capture = createCapture(VIDEO);

  capture.hide();

  filter = createGraphics(width,height);

  filter.pixelDensity(1);

​

  // console.log(pixels[0]);

  // console.log(pixels[1]);

  // console.log(pixels[2]);

  // console.log(pixels[3]);

  // pixels[0] = 255;

  // pixels[1] = 0;

  // pixels[2] = 0;

  // pixels[3] = 255;

  //console.log(pixels.length);

}

​

function draw() {

  image(capture,0,0,width,height);

  filter.loadPixels() // loads pixel data into an array called pixels[]

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

    for (let x = 0; x<width;x++){

      let index = (x+y*width)* 4;

      filter.pixels[index] = x; //r

      filter.pixels[index+1]=180; //g

      filter.pixels[index+2] = y; //b

      filter.pixels[index+3] = 100; //a

    }

  }

    filter.updatePixels();

    image(filter,0,0,width,height);

//   pixels[0] = 255;

//   pixels[1] = 0;

//   pixels[2] = 0;

//   pixels[3] = 255;

}