Pexelsのcottonbroによる動画を利用しています:https://www.pexels.com/ja-jp/video/3205917/

 */

let video;

function setup() {

  createCanvas(640, 360);

  video = createVideo('video.mp4');

  video.loop();

  video.hide(); // html要素を隠す為

}

function draw() {

  background(0);

  video.loadPixels();

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

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

      const i = y * width + x;

      const c = video.get(x,y);

      let radius = 20;

      fill(c);

      ellipse(x,y,radius, radius);

    }

  }

}