​

function setup() {

  createCanvas(742, 400);

  pixelDensity(1);

  lion = createVideo("videoplayback.mp4")

  lion.loop()

  lion.size(width, height)

  lion.hide()

​

}

​

function draw() {

  background(220);

​

  lion.loadPixels();

​

​

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

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

​

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

​

      let br = (lion.pixels[i + 0] + lion.pixels[i + 1] + lion.pixels[i + 2]) / 3

      if (br > 0 && br < 20) {

      lion.pixels[i + 0] = 159

        lion.pixels[i + 1] = 109

        lion.pixels[i + 2] = 62

      } 

       else if (br > 50 && br < 100) {

        lion.pixels[i + 0] = 160

        lion.pixels[i + 1] = 120

        lion.pixels[i + 2] = 76

      } 

          else if (br > 100 && br < 150) {

        lion.pixels[i + 0] = 159

        lion.pixels[i + 1] = 109

        lion.pixels[i + 2] = 62

      } 

          else if (br > 150 && br < 200) {

        lion.pixels[i + 0] = 52

        lion.pixels[i + 1] = 30

        lion.pixels[i + 2] = 18

      } 

      else {

        lion.pixels[i + 0] = 28

        lion.pixels[i + 1] = 22

        lion.pixels[i + 2] = 13

      }

​

    }

  }

​

  lion.updatePixels()

  image(lion, 0, 0)

}