​

/* state variable

   false - no snapshot has been taken

   true - snapshot was taken */

let snapped = false;

​

function setup() {

  createCanvas(640, 480);

  //set the colorMode to HSB instead of RGB

  colorMode(HSB, 360, 100, 100);

​

  //instantiate the VIDEO object, and draw it on the screen at 0, 0

  video = createCapture(VIDEO);

  video.position(0, 0);

​

  //create a button with snap text on it

  let snapButton = createButton("snap");

​

  //When we click the snap button, run the takeSnap function

  snapButton.mouseClicked(takeSnap);

​

  blendMode(LIGHTEST);

  noStroke();

}

​

//Run the gradientFilter function when we press the mouse

function mousePressed() {

  if (snapped === true) {

    gradientFilter();

    lensFlare();

  }

}

​

/*If we haven’t snapped a photo yet(snapped is false)

   display the video frame for snapshot

  set snapped to true and remove the video feed, leaving only the still photo we took */

function takeSnap() {

  if (snapped === false) {

    image(video, 0, 0);

    snapped = true;

    video.remove();

  }

}

​

//Draws circles filled with radial gradients when we click the screen

//Each circle’s size and color are a random value contained in the diameter and h variables

function lensFlare() {

  let diameter = random(50, 200);

  let h = random(150, 360);

​

  for (let d = diameter; d > 0; d -= 1) {

    fill(h, 90, 90);

    circle(mouseX, mouseY, d);

    h = (h + 1) % 360;

  }

}

​

//Draws a linear gradient on the screen using a for loop and lerpColor

function gradientFilter() {

  let startColor = color(0, 100, 50);

  let endColor = color(60, 100, 50);

​

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

    let amt = map(y, 0, height, 0, 1);

    let gradColor = lerpColor(startColor, endColor, amt);

    stroke(gradColor);

    line(0, y, width, y);

  }

}

​