3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

はじめての記事投稿
Qiita Engineer Festa20242024年7月17日まで開催中!

Webcam Motion Captureで取得したFBXファイルからVRMAファイルを作成してChatVRMで動かす

Posted at

概要

ChatVRMを使ってカメラでキャプチャしたモーションを再生できるようにした際の備忘メモ

成果物

Videotogif.gif

  • (参考) 利用しているモデル

作業の流れ

Webcam Motion Capture を使ってFBXを作成

  • Webcam Motion CaptureでWebカメラキャプチャをアニメーションにすることができる
  • 2024/6/17時点で最新のVersion 1.10.1を利用
  • FBXエクスポート機能の利用にはサブスク登録が必要
  • とりあえず下記設定でFBXファイルをエクスポート
    • VRMAみると目や髪は動いてないようにみえるのでチェックいらないかも

image.png

AnimationClipToVrmaSample をUnityで開く

  • Unity Hubをダウンロード

  • AnimationClipToVrmaSampleをgit clone

    • 自分の環境だとなぜか途中でgit cloneが失敗(error: RPC failed; curl 92 HTTP/2 stream 0 was not closed cleanly: CANCEL (err 8))したためリポジトリをZipダウンロードして対応した
  • Unity HubのProjectsのAddでダウンロードしたリポジトリのフォルダを開く
    image.png

  • プロジェクトを開くのに必要なEditorなどが要求されたのでダウンロードする
    image.png

  • プロジェクトを開く

    • VRM1 > VRM Animation Exporterが表示されていればOK
    • 自分の環境だと最初表示されず何度か起動しなおしていたらうまくいった
      image.png

UnityでFBXファイルのAnimation TypeをHumanoidに設定してVRMAでエクスポート

  • SampleMotionフォルダにWebcam Motion CaptureからエクスポートしたFBXファイルを設置
    image.png
  • FBXファイルを選択し画面右のInspectorでAnimation TypeをHumanoidに設定
    • Rigを選択
    • Animation TypeをHumanoidに設定
    • Apply
      image.png
  • FBXファイルのアニメーションクリップをVRMAに変換して保存する
    • FBXファイルの中身を表示(ファイル右のアイコン)
    • アニメーションクリップ(三角形のアイコン)を右クリック
    • VRM > Convert to VRM Animationを選択しVRMAでエクスポート
      image.png

ChatVRMでVRMAファイルを読み込み

  • ChatVRMでVRMAを読み込んでアニメーションすることを確認
  • (参考) 自分は下記リポジトリのソースを参考にVRMAをドラッグアンドドロップで表示するようにしている

3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?