let cShader;

let slider;

​

function preload() {

  cShader = loadShader("shaders/c.vert", "shaders/c.frag");

}

​

function setup() {

  pixelDensity(1);

  createCanvas(windowWidth, windowHeight, WEBGL);

  noStroke();

​

  cam = createCapture(VIDEO);

  cam.size(windowWidth, windowHeight);

  cam.hide();

​

  slider = createSlider(0.2, 1.0, 0.7, 0.01);

  slider.position(10, 10);

  slider.size(120);

}

​

function draw() {

  const amount = slider.value();

​

  shader(cShader);

  cShader.setUniform("uTexture", cam);

  cShader.setUniform("uResolution", [width, height]);

  cShader.setUniform("uTime", millis());

  cShader.setUniform("uRainAmount", amount);

  rect(0, 0, width, height);

}

​

function windowResized() {

  resizeCanvas(windowWidth, windowHeight);

}

​