let theShader;

let cam;

​

function preload(){

  // load the shader

  theShader = loadShader('texcoord.vert', 'texcoord.frag');

}

​

function setup() {

  // shaders require WEBGL mode to work

  createCanvas(windowWidth, windowHeight, WEBGL);

  noStroke();

   cam = createCapture(VIDEO);

  //cam.size(windowWidth, windowHeight);

  cam.frameRate=30;

  cam.hide();

}

​

function draw() {  

  // shader() sets the active shader with our shader

  shader(theShader);

  theShader.setUniform('iChannel0', cam);

  theShader.setUniform("iResolution", [width, height]);

  theShader.setUniform("iFrame", frameCount);

   theShader.setUniform("iTime", millis);

  theShader.setUniform("iMouse", [mouseX, map(mouseY, 0, height, height, 0)]);

​

  // rect gives us some geometry on the screen

  rect(0,0,width, height);

}

​

function windowResized(){

  resizeCanvas(windowWidth, windowHeight);

}