顔認識のライブラリ「face-api.js」を見つけたので、勉強がてらゲームを作ってみました。
画面の上から落ちてくるフルーツを、画面に映った自分の口でキャッチするゲームです。
face-api.jsの使い方は、いろいろ記事があるので、それらを見てください。
- 工夫した点など、
- 画面に映った、VIDEO画像は鏡面にしたほうが直感的な動きになるので、反転させている
- そのためタイトル画面まで反転するので、さらに反転させ、正しく見えるようにした
- カメラ利用許諾のブラウザダイアログがでてから実際にカメラが利用できるまで時間がかかるので、その間ゲームを始めないようにした
公開するのに、Herokuを使うつもりだったが、Github Pageで足りそうなので、初めて利用しましたが、pushした後、実際に反映されるまで数分かかりました。
最初気が付かず、なぜできないか、いろいろ調べてしまいました。