MoveNetを知ろう！

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

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

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

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

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

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

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