p5js:xx.faceapi

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
p5js:xx.faceapi [2021/04/29 14:03] babap5js:xx.faceapi [2021/06/30 10:22] (現在) – [facemesh] baba
行 5: 行 5:
  
   * https://github.com/justadudewhohacks/face-api.js   * https://github.com/justadudewhohacks/face-api.js
 +
 +FaceApi.jsをフル活用したい場合は上記リンクのexampleを動かして見ると良いでしょう。以下ではp5.jsと連携させて動作させる場合を紹介していきます。
 +
 +===== p5.jsで動かす =====
 +face-api.jsは tensorflow-js を利用してネットワークフォワーディングを実装しています。機械学習系でp5.jsといえばml5.jsですが、ml5.jsのウェブサイトを見てみると、face-api.js用の実装が準備されています。
 +  * https://learn.ml5js.org/#/reference/face-api
 +      * p5.jsサンプル:https://editor.p5js.org/ml5/sketches/FaceApi_Video_Landmarks
 +
 +簡単にlandmark(顔の頂点座標)を取得することができます。ただしこれでは満足できません。というのもface-apiでは顔の位置やlandmark以外にももっとたくさんの昨日が提供されています。個人的には 表情推定と性別・年齢推定も扱いたいなっておもいます。ml5.jsのページをよく読むと、ml5.jsのapiではface-apiではこれら機能はサポートしていないことが明記されています。
 +{{:p5js:pasted:20210429-165538.png}}
 +
 +この辺実装されてるのないかな〜って探してみたら次のようなページを見つけました。
 +  * https://editor.p5js.org/ima_ml/sketches/fCsz7tb6w
 +同じml5.apiを利用しているのですが、expressionsオプションが利用できるようになっています。どうやらDanielの授業の中で作られたml5.jsライブラリのようです。公式のライブラリでは実装されてないところが追加で実装されていました。コードの中にある、faceOptionsをtrueにすることで、表情認識も行ってくれます。せっかくなのでそのへんのサンプルを作っておきました。
 +
 +  * https://editor.p5js.org/tetsuakibaba/sketches/Z_OQPu770
 +
 +gender,ageの推定はこちらで実装追加する必要がありそうでした.もしくはface-api.jsの公式exampleから利用してもよいでしょう.
 +
 +===== facemesh =====
 +ところがどっこい,facemesh by Googleがもっと良かったんで,ここで紹介しておきます.表情認識はできませんが,詳細な頂点座標(400点以上!)があって,更に実行速度がfaceapiよりも早い(これ大事)ので,単純に顔面の特徴点をとるだけだったらこっちを利用したほうがよいです.
 +  * https://github.com/tensorflow/tfjs-models/tree/master/facemesh
 +
  • /home/users/2/lolipop.jp-4404d470cd64c603/web/ws/data/attic/p5js/xx.faceapi.1619672585.txt.gz
  • 最終更新: 2021/04/29 14:03
  • by baba