MoveNetを知ろう！

これから全6回でMoveNetをweb上で使えるようになりましょう！今回は第1回ということで、MoveNetを試すところから始めましょう。MoveNetとはMoveNetは、姿勢推定（Pose Estimation）に使用されるディープラー...

第2回は自分の作ったサイトにMoveNetを組み込むための準備をします。HTMLとJavaScriptを使っていくので、まずはその準備を進めましょう。コードエディタを準備しようもしこの記事を読んでいる人の中で、コードエディタって何？っていう...

第3回ではいよいよMoveNetを組み込む作業を進めます。前回から2段階程度難易度が上がるので、お覚悟を。といっても、できる限り詳しく解説するので身構える必要はない...ハズ...外部スクリプトを知る第2回では、HTMLファイルにJavaS...

続きです。コード解説まず何の関数が定義されているかチェックしましょう。// 1.MoveNetモデルを読み込む関数async function loadMoveNet()// 2.ビデオからポーズを推定する関数async function ...

ついにMoveNetも第4回、折り返しです。MoveNetでゲームを作ろう前回の課題で手に旗を持たせることから察しているかと思いますが、今回は旗揚げゲームを制作していきます。「赤あげて」「白あげて」「赤さげないで、白さげて」みたいな出題があ...

第5回です。このあたりから発表用に自分が作るゲームのイメージをしておくといいかも？キーポイントの座標を取得前回旗揚げゲームの出題と旗の状態管理について取り扱ったので、今回はMoveNetで手を挙げたかの判定をする仕組みを作ります。MoveN...

第6回です。最終回となります。今までの機能を合体しよう第3回の後半から第5回にかけて、旗揚げゲームに必要なパーツを制作してきました。MoveNetで旗を持たせたり、ランダムに旗の出題をするシステムや旗の状態を管理するシステムは作りましたが、...