let img;

​

let vid;

​

// This function is called when the video loads

function vidLoad() {

  vid.loop();

  vid.volume(0);

}

​

function preload() {

  firstShader = loadShader('shader.vert', 'shader.frag');

​

  img = loadImage("mountain.jpg");

  vid = createVideo(

    ['assets/small.mp4', 'assets/small.ogv', 'assets/small.webm'],

    vidLoad

  );

}

​

function setup() {

  createCanvas(400, 400, WEBGL);

  noStroke();

  img.resize(512, 512);

}

​

function draw() {

  background(220);

​

  shader(firstShader);

​

  let mx = mouseX / width;

  let my = mouseY / height;

​

  // textureWrap(MIRROR);

  firstShader.setUniform("mouse", [mx, my]);

  firstShader.setUniform("tex", vid);

  firstShader.setUniform("resolution", [width, height]);

  firstShader.setUniform("time", frameCount *0.1);

​

  rect(0, 0, width, height);

​

}