Webカメラの取り込み
Webカメラを取り込み、表示します。そのままだと左右逆に表示されるのでそれを修正しています。
ml5.flipImageという関数があるのですが、これだと数分で落ちてしまうようなので、画像を直接反転するようにしています。
//how to use a web camera in openprocessing p5.js mode
//Copyright (C) Oz all rights reserved.
//rev 0.1 2022/10/15
let video;
function setup() {
createCanvas(640, 480); //Canvas size
video = createCapture(VIDEO); //web camera capture
video.size(width, height); //video size
// Hide the video element, and just show the canvas
video.hide();
}
function draw() {
// flippedVideo = ml5.flipImage(video); //ビデオの左右反転処理
// image(flippedVideo, 0, 0, vw, vh); //ビデオを(0,0)の位置にwidth幅、height高さで表示
push(); //push coordinate
scale(-1,1); //invert left/right
image(video, -vw, 0, vw, vh); //display the image
pop(); //pop coordinate
}