Zenn
🌕

#cluster Creator Kit ワールドにアバターVRMを置おいてポーズさせる方法

2022/04/20に公開
Unity
cluster
tech

ワールドに自分のアバターを置きたくなったときに参考になる記事。

https://youtu.be/QGy7VvygNeo
Creator Kit 導入したプロジェクトに UniVRM を入れると色々トラブルがでて挫折してしまった人も多いのではないでしょうか。そんな時の対処の参考にもなるハズ。

使うもの

ClusterCreatorKitSample

  • Cluster Creator Kit を用いたサンプル Unity プロジェクト

UniVRM

  • Unity で VRM ファイルを扱う為の unitypackage
  • clusterでの推奨バージョンは UniVRM v0.61.1

(無料)SDユニティちゃん向けモーション集

  • booth で モーション unity で検索すると他にもいくつかみつかるかも。

手順

ClusterCreatorKitSample

まず ClusterCreatorKitSample をダウンロードして Unity で開いて MinimalSample シーンを開く。

  1. ClusterCreatorKitSample へアクセス
  2. 緑の Code ボタンを押して Download ZIP で ダウンロードする。
  3. ClusterCreatorKitSample-master.zip を展開してフォルダ名を VrmSampleWorld 等に変更する。
  4. Unity Hub を起動して 開く を押して VrmSampleWorld フォルダを指定する
  5. Project -> Assets -> ClusterVR -> Scenes を開く。
  6. MinimalSample シーンをダブルクリックする。

UniVRM v0.61.1 を 追加する

UniVRM をダウンロードして プロジェクトに追加する

  1. UniVRM v0.61.1 にアクセス
  2. UniVRM-0.61.1_7c03.unitypackage をダウンロード
  3. UniVRM-0.61.1_7c03.unitypackage をダブルクリックする。

エラーの解消

UniVRM 追加後にエラーになるのでパッケージを追加やフォルダ削除をしてエラーを解消する。

  1. エラーの原因 である 各 Tests フォルダを削除する
Assets/VRM/UniJSON/Editor/Tests
Assets/VRM/UniGLTF/Editor/Tests
Assets/VRM/DepthFirstScheduler/Editor/Tests
Assets/VRM/UniHumanoid/Editor/Tests
Assets/VRM/UniVRM/Editor/Tests
  1. Consoleの赤字エラーが解消しているハズ。
  2. アップロードを試してみる。

アップロードできれば、問題ない状態です。

VRM を読み込む

VRMをプロジェクトに放り込んで シーンに表示してみましょう。フォルダ構造のコツもここで書いておきます。

  1. Project-> Assets を選択
  2. 右クリックして Create -> Folder を選択 Character 等でフォルダ作成
  3. Project-> Assets -> Character を選択
  4. 右クリックして Create -> Folder を選択 XXX-VRM 等で VRM 名に合わせたフォルダ名をつけます。
  5. こんな構成になっているハズ。
  6. XXX-VRM を選択した状態で VRM ファイルをフォルダに ドラッグ&ドロップする。
  7. しばらく待つと VRMが展開されて 青いアイコンの Prefab ができるハズ
  8. Prefab を Hierarchy に ドラッグ&ドロップする。
  9. Hierarchy に配置した Prefab を右クリック Unpack Prefab しましょう。
  10. アップロードを試してみる。

アップロードできれば成功です。この状態で Tポーズのアバターをワールドに追加することができている状態となります。

モーションをつける

Tポーズだと味気ないので モーションを追加してみましょう。

  1. (無料)SDユニティちゃん向けモーション集 をダウンロードする
  2. SDUnityAnim フォルダを Project-> Assets -> Character へドラッグ&ドロップする
  3. XXX-VRM フォルダに新規フォルダを作って Animation フォルダを追加する
  4. Animation フォルダを選択した状態で 右クリック Create -> Animator Controller をする
  5. New Animator Controller ができたハズ。
  6. Hierarchy の XXX-VRM Prefabを Unpack Prefab したものを選択する
  7. Inspector の Humanoid -> Controller 欄に New Animator Controller を設定する

Animator Controller を編集する

  1. Project -> Assets -> Character -> XXX-VRM -> Animation を選択
  2. New Animator Controller をダブルクリック
  3. Project -> Assets -> Character -> SDUnityAnim の LookAround を Animator 画面にドラッグ&ドロップする
  4. 実行すると VRM のアバターが LookAround のポーズをしているハズ
  5. アップロードして確認してみる

https://youtu.be/aH1A1ApeUws

Discussion