はじめに
今回はVRChatアバターの伏せ動作を設定する方法を解説します。
Playable Layersの『Base Layer』を使います。
VRC Avator DescriptorとPlayable Layersが使えることを前提に進めます。
使い方はこちらをご覧ください。
今回はこちらのようにサンプルを複製したものに置き換わった状態で始めます。
こちらの作り方はこちらをご覧ください。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-125.jpg)
⚠Baseの動作条件(要:事前確認)
Baseの処理はVR機材のトラッキング処理と干渉します。(トラッキングが優先)
なのでBaseで設定しても特定のボーンが動かないという事が起こります。
頑張って設定しても意味が無かったという事にならないために事前に確認してください
・デスクトップモード → 全てのBaseの処理が反映
・3点トラッキング → 顔と手~腕の処理が無効化
・6点フルトラッキング → 全てのBase処理が無効化
デスクトップ or 3点を使う方はBaseを設定する意味があります。
ただし3点の場合、飛び跳ねながら歩くアニメーションを設定しても上手く行きません。
トラッキングにより頭の高さが固定されるからです。
頭と手~腕の位置と回転がトラッキングにより固定されることを留意してください。
そのうえでアニメーションを入れてください。
Baseの設定
まず、Base Layersを使う上で必要になる設定と前提知識を紹介します。
Blend Treeの表示
1-Test_Locをクリック。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-01-31.jpg)
Project上で1-Test_Locをダブルクリック。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-02-27.jpg)
Animatorが開かれます。
一番下のProneをクリック。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-03-c.jpg)
Inspectorを見ます。
Motionの中にあるデータをクリック。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-04-c-2.jpg)
Projectで選択物の階層まで自動で移動。
SDKに最初からあるデータが割り当てられてる事を確認。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-05-c-3.jpg)
Test_EX → Animation → Blend Treeにアクセス。
3つのBlendTreesのデータが入ってます。
※BlendTreesは複数のモーションを混ぜて自然に繋ぐ機能です。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-06-30.jpg)
これでBlend Treeの表示が完了です。
Blend Treeのリネーム
Test_EX → Animation → Blend Treeにアクセス。
vrc_Prone…を右クリック。
Renameを選択。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-07-c-2.jpg)
3-Pro_Locを入力。
エンターキーで確定。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-08-c-2.jpg)
他のBlendTreeも以下のようにリネームしました。
vrc_Crouch… → 2-Crou_Loc
vrc_Prone… → 3-Pro_Loc
vrc_Standi… → 1-Sta_Loc
![](https://signyamo.blog/wp-content/uploads/2022/02/image-09-21.jpg)
これでリネームが完了です。
Blend Treeの再割り当て
Animatorに戻りStandingを選択。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-03-c.jpg)
Motionの中に3-Pro_Locをドラッグ&ドロップ。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-21-c.jpg)
これでBlend Treeの再割り当てが完了です。
Blend Treeの動作確認
Projectで3-Pro_Locをクリック。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-11-c.jpg)
Inspectorを見ます。
ここにあるすべてのアニメーションが合成されてます。
これが伏せた状態の動作制御です。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-12-c.jpg)
Parametersを動かすとリアルタイムで動きを確認できます。
![](https://signyamo.blog/wp-content/uploads/2022/02/Animation_1_c.gif)
向きはこのようなイメージです。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-17-c.jpg)
Motion横の二本線を押します。
すると、どのアニメーションが何処に対応してるかが確認できます。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-16-c.jpg)
これでBlend Treeの動作確認が完了です。
アニメーションの確認
割り当てられたアニメーションを確認します。
Motionの中にアニメーションをクリック。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-13-c.jpg)
Project上で割り当てたアニメーションが強調表示されます。
強調表示されたアニメーションをクリック。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-14-c.jpg)
するとAnimationでキーフレームが確認できます。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-15-c.jpg)
これで割り当てられたアニメーションの確認が完了です。
Blend TreeのInspectorに戻る
ProjectのBlendTreesに戻ります。
AnimatorでProneをクリック。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-19-c.jpg)
Inspectorを確認。
Motionの3-Pro_Locをクリック。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-20-c.jpg)
Projectで強調表示されたBlendTreeを選択。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-11-c.jpg)
Inspectorを見ます。
これでBlend TreeのInspectorに戻ることができます。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-12-c.jpg)
これでBaseの基本動作の紹介と設定が完了です。
動きの差し替え
Blend TreeのInspectorを見ます。
ここのアニメーションを差し替える事で伏せてる状態の動作を制御することができます。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-18-c.jpg)
Motionの中身
上から順に解説します。
・停止状態
・前に走る
・前に歩く
・後に歩く
・後に走る
・右に歩く
・左に歩く
・右に走る
・左に走る
こちらに合わせて編集したいアニメーションを編集してください。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-12-c.jpg)
中身についての補足
右側のチェックはアニメーションの左右反転を意味します。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-22-c.jpg)
なのでアニメーション名に(Right=右)でも左の場合があります。
『アニメーションの左右反転』と『数値が-などの反対の数』であれば左です。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-23-c.jpg)
順番は自由に変えれます。
気になる方は左側の二本線をドラッグ&ドロップ。
好きな順番に整列し直してください。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-24-c.jpg)
アニメーションの用意
アニメーションの素材は2つの方法で用意できます。
・アニメーション素材をDL
・自力でアニメーション作成
この2つの詳細はこちらをご覧ください。
【VRChat】おすすめアニメーション+DL先紹介
【Unity】アニメーションの作り方
ここでは必要最低限の編集や簡易的な方法を使って紹介します。
DLした素材への差し替え
BOOTHなどでアニメーションの素材をDLします。
Mixamoなどの素材は構造が違うので上手く動作しません。
VRChat向けのアニメーションをDLすることをおすすめします。
こちらのページにアクセス。
無料ダウンロードを押してDL。
![](https://signyamo.blog/wp-content/uploads/cocoon-resources/blog-card-cache/0bb0ed4f2d0bda2bf6dc799a32ffeaa0.jpg)
.zipを解凍。
.unitypackageをドラッグ&ドロップ。
![](https://signyamo.blog/wp-content/uploads/2022/02/re-01.jpg)
すべてにチェックが入ってる事を確認。
Importを押します。
![](https://signyamo.blog/wp-content/uploads/2022/02/re-02.jpg)
するとSupineというファイルが出ます。
![](https://signyamo.blog/wp-content/uploads/2022/02/re-03.jpg)
使いやすいようにTest_Exの中にファイルを移動。
![](https://signyamo.blog/wp-content/uploads/2022/02/re-04.jpg)
ファイルを開きます。
中にアニメーションがあります。
今回はあおむけを使います。
![](https://signyamo.blog/wp-content/uploads/2022/02/re-05.jpg)
Assets → Test_Ex → Animation → BlendTreesにアクセス。
3-Pro_Locを選択。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-48-c.jpg)
Inspectorを確認。
ここにDLしたアニメーションを一番上に割り当てます。
この状態でVRChatにアバターをアップロード。
![](https://signyamo.blog/wp-content/uploads/2022/02/re-07.jpg)
すると伏せモーションが置き換わります。
![](https://signyamo.blog/wp-content/uploads/2022/02/Animation.gif)
横から見るとちゃんとあおむけになってます。
![](https://signyamo.blog/wp-content/uploads/2022/02/re-08.jpg)
以上でアニメーションの置き換えが完了です。
また伏せは頭が立ち状態の35%の位置に固定されるという注意点があります。
なのでペタ座りなどは伏せでは上手く設定できません。
しゃがみの方で設定する必要があります。
詳しくはこちらをご覧ください。
アニメーションの編集+差し替え
ここからは猛者向けのやり方です。
InspectorでMotionのアニメーション名を確認。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-12-c.jpg)
名前は下記の通りです。
proxy_low_crawl_still
proxy_low_crawl_forward
proxy_low_crawl_forward
proxy_low_crawl_forward
proxy_low_crawl_forward
proxy_low_crawl_right
proxy_low_crawl_right
proxy_low_crawl_right
proxy_low_crawl_right
Test_Ex → Animation → ProxyAnimにアクセス。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-25-7.jpg)
検索欄に変更したいアニメーションを打ち込み。
今回はproxy_low_crawl_stillを変更します。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-26-c.jpg)
‘ProxyAnim’をクリック。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-27-c.jpg)
表示されたボーンを確認。
右クリック → Renameを選択。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-28-c.jpg)
名前をpL-Cra_stillに変更。
(Edit_は付け忘れました)
![](https://signyamo.blog/wp-content/uploads/2022/02/image-29-c.jpg)
検索欄の文字を削除。
先ほど名前を変更したアニメーションをダブルクリック。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-30-c.jpg)
Inspectorを見ます。
おじさんがいます。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-31-c.jpg)
Animationを見ます。
キーフレームが打たれています。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-32-c.jpg)
Animationのキーフレームを制御します。
するとInspectorに出てるおじさんのポーズが変わります。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-33-c.jpg)
これを使って頑張ってポーズを整えます。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-35-c.jpg)
動かしたい場合は時間軸を操作してアニメーションを付けてください。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-36-b.jpg)
アニメーションができましたらTest_Ex → Animation → BlendTreesにアクセス。
3-Pro_Locをクリック。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-39-c.jpg)
Inspectorを見ます。
置き換えたいアニメーションを確認。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-40-c.jpg)
Test_Ex → Animation → ProxyAnimにアクセス。
制作したアニメーションを確認。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-41-c.jpg)
Blend TreeのInspectorで置き換えたい所にドラッグ&ドロップ。
この状態でVRChatにアップロード。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-42-c.jpg)
アニメーションが置き換わったことが確認できます。
(腕が平行、ややハの字状に開いてます。)
![](https://signyamo.blog/wp-content/uploads/2022/02/Animation_5_c.gif)
以上でアニメーションの置き換えが完了です。
前後左右に移動した際の動きを付けたい場合はちゃんとしたアニメーションを作る必要があります。
こちらを参考にしながら制作してください。
まとめ
今回はアバターの伏せ動作の設定方法を紹介しました。
Base Layerは他にも”歩き”と”しゃがみ”の設定ができます。
その方法はこちらで解説。
ぜひこちらもご覧ください。
コメント