xxxxxxxxxx
let sora;
let video;
let handpose;
let hands;
// Font laden
function preload() {
sora = loadFont('LEMONMILK-Bold.otf');
}
function setup() {
createCanvas(640, 480);
video = createCapture(VIDEO);
video.size(640, 480);
video.hide();
handpose = ml5.handpose(video, modelLoaded);
textFont(sora);
}
function draw() {
background(0);
tint(155, 10, 100);
image(video, 0, 0);//kamera
if (hands && hands.length > 0) {
fill(0, 0);
stroke(100);
textSize(100);
textAlign(CENTER, BOTTOM);
// Finger tips: 4, 8, 12, 16, 20
//text("D", hands[0].landmarks[20][0], hands[0].landmarks[20][1]);
text("D", hands[0].landmarks[16][0], hands[0].landmarks[16][1]);
text("N", hands[0].landmarks[12][0], hands[0].landmarks[12][1]);
text("I", hands[0].landmarks[8][0], hands[0].landmarks[8][1]);
text("F", hands[0].landmarks[4][0], hands[0].landmarks[4][1]);
}
}
// When the model is loaded
function modelLoaded() {
console.log('Handpose loaded!');
handpose.on('predict', gotHands);
}
// Listen to new 'predict' events
function gotHands(results) {
hands = results;
}
// Listen to new 'predict' events
handpose.on('predict', results => {
predictions = results;
});