face-api-test-html-csv2

//https://www.youtube.com/watch?v=3yqANLRWGLo

​

let faceapi;

let detections = [];

​

let video;

let canvas;

​

/*

let table;

let tneutral = "";

let thappiness = "";

let tanger = "";

let tsad = "";

let tdisgusted = "";

let tsurprised = "";

let tfear = "";

let tmarks = "";

*/

​

function setup() {

  frameRate(1);

  /*

  table = new p5.Table();

  table.addColumn('time');

  table.addColumn('neutral');

  table.addColumn('happiness');

  table.addColumn('anger');

  table.addColumn('sad');

  table.addColumn('disgusted');

  table.addColumn('surprised');

  table.addColumn('fear');

  table.addColumn('landmarks');

  */

  canvas = createCanvas(480, 360);

  canvas.id("canvas");

​

  video = createCapture(VIDEO);// Creat the video: ビデオオブジェクトを作る

  video.id("video");

  video.size(width, height);

​

  const faceOptions = {

    withLandmarks: true,

    withExpressions: true,

    withDescriptors: true,

    minConfidence: 0.5

  };

​

  //Initialize the model: モデルの初期化

  faceapi = ml5.faceApi(video, faceOptions, faceReady);

}

​

function faceReady() {

  faceapi.detect(gotFaces);// Start detecting faces: 顔認識開始

}

​

// Got faces: 顔を検知

function gotFaces(error, result) {

  if (error) {

    console.log(error);

    return;

  }

​

  detections = result;　//Now all the data in this detections: 全ての検知されたデータがこのdetectionの中に

  // console.log(detections);

​

  clear();//Draw transparent background;: 透明の背景を描く

  drawBoxs(detections);//Draw detection box: 顔の周りの四角の描画

  drawLandmarks(detections);//// Draw all the face points: 全ての顔のポイントの描画

  drawExpressions(detections, 20, 250, 14);//Draw face expression: 表情の描画

​

  faceapi.detect(gotFaces);// Call the function again at here: 認識実行の関数をここでまた呼び出す

}

​

​

/*

function drawBoxs(detections){

  if (detections.length > 0) {//If at least 1 face is detected: もし1つ以上の顔が検知されていたら

    for (f=0; f < detections.length; f++){

      let {_x, _y, _width, _height} = detections[f].alignedRect._box;

      stroke(44, 169, 225);

      strokeWeight(1);

      noFill();

      rect(_x, _y, _width, _height);

    }

  }

}

*/

​

function drawLandmarks(detections){

  if (detections.length > 0) {//If at least 1 face is detected: もし1つ以上の顔が検知されていたら

    for (f=0; f < detections.length; f++){

      let points = detections[f].landmarks.positions;

      for (let i = 0; i < points.length; i++) {

        stroke(44, 169, 225);

        strokeWeight(3);

        point(points[i]._x, points[i]._y);

        tmarks += (points[i]._x + ";" + points[i]._y +",")

      }

    }

  }

}

​

​

​

​

function keyPressed() {

  if (key == "c") {

    //save(table, 'KI.csv');

  }

}