変身ポーズメーカー[動画アップしました]

赤ずきんちゃんにオオカミの魔の手が・・・！あなたも正義のヒーローに変身だ！

動画

開発素材

ツール

p5.js

システム構成

1. Webカメラによってユーザーのカメラ情報を取得
2. PoseNetを通してカメラに映ったユーザの骨格を検知
3. 両目、鼻、肩、肘、手首の角度から画面上のキャラクターに動きを反映
4. スタートボタンをクリックされると骨格を検知し記録できる、変身ポーズ登録モードが起動
5. 4の際に鼻の位置が一定の放射円状より外側、かつ一定の位置より下、上、下に遷移するとユーザが頷いたと認識
6. 頷いた瞬間の肩と肘の角度、肘と手首の角度、肩と手首の座標を取得、各数値を記録
7. movie01が再生される(前半動画)
8. movie01が終了すると再び骨格を検知できる変身モードが起動
9. ユーザが6で記録した数値とおよそ同じ位置になるようポーズを再度取るとmovie02が起動(なお6で記録した位置にポーズをとるガイドとなるよう円と線が表示される)
10. movie02が再生される(後半動画)

ストーリー

PoseNetを利用して骨格に合わせてキャラクターを操作し、自由なポーズを登録。登録したポーズを取ることで動画を再生することができ、あたかも自分が変身ポーズで変身したかに思える演出にしています。あえて転移学習を利用していないので学習素材の用意の必要がなく、誰でもアクセスすれば利用できます。この先、より自由度や演出力の高いアニメーションやコミックといった娯楽メディアが求められていくであろう社会で、ユーザを巻き込みながら楽しくかつ作品を盛り上げるアクセントになるようなプログラムの先駆けとして制作しました。

メンバー

チームうさぎ

• 

  太田香菜子 @kanako0415

  • 監督
  • 制作
  • プログラミング

関連イベント

• ヒーローズ・リーグ オンライン20202020-09-07 開催

同じニオイがする作品

• ゴッドル
• クラウドがらがら
• 情碁 - 碁石の状態を表情で伝える囲碁ゲームシステム
• ミミ子のただいまプリンター