//pixel manipulation

/* Make a pixelated 2-tone mirror with createCapture(VIDEO)and 20x20 pixels.

Pixels that are > 50% bright are white.

Pixels that are < 50% bright are black.

Check out the brightness() function. */

​

let capture;

let pixelSize = 20; // size of pixel

let emojis = ["🪼", "🐤","🐠","🦋"]; // add emoji

​

function setup() {

  createCanvas(640, 480);

  capture = createCapture(VIDEO);

  capture.size(width / pixelSize, height / pixelSize);

  //capture.hide(); //if you want to hide the small video

  pixelDensity(1);

  noStroke();

}

​

function draw() {

  background(255);

  textSize(pixelSize);

​

  capture.loadPixels();

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

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

      let index = 4 * (x + y * capture.width);

      let r = capture.pixels[index];

      let g = capture.pixels[index + 1];

      let b = capture.pixels[index + 2];

​

      let bright = brightness(color(r, g, b));

​

      if (bright > 90) {

        text(emojis[0], x * pixelSize, y * pixelSize);

       } else if (bright > 70) {

        text(emojis[1], x * pixelSize, y * pixelSize);

       } else if (bright > 30) {

       text(emojis[2], x * pixelSize, y * pixelSize);

       } else {

        text(emojis[3], x * pixelSize, y * pixelSize);

      }

    }

  }

}

​