初心者向け情報

【VRChat】自動で小物を出し入れ!AFKモーションの設定方法まとめ

この記事は、AFKモーションが作動すると同時に、

  • 小物(枕・布団)が自動的に現れ、
  • AFKから復帰すると自動的に消える

AFKモーションの取り扱い説明書です。

以前から「仮眠セット」という商品を販売しておりましたが、

  • 手動で小物(枕・布団)を出し入れする必要があり、
  • 単純に「面倒くさい」

ということで、未完成な感じが否めない状態でした。

試行錯誤の結果、自動的に小物を出し入れしてAFKモーションも作動する(復帰すると小物は消える)方法を見つけました。

導入方法も簡単かつシンプルになったので、サクッと導入して遊んでみてくださいね。

 

この記事は以下の商品に対応しています。

※この記事は仮眠セットで解説しますが、基本的な仕組みは同じです。

 

・2021/10/2追記

一部のアバターにて、

  • 布団と枕がVRChatで表示されない
  • (布団と枕がUnityでは表示されるけど、VRChatにアップロードしたら、表示されなくなった)
  • 挙動が不安定

という不具合の報告がありましたので、この不具合の解決策についてもお伝えします。

ver1.05(2021/10/2~)の変更点

  • 布団と枕をBoneではなく、アバターの名前の下に配置するよう仕様を変更
  • FXレイヤーの設定を追加
  • ※環境はUnity 2018,4,20f1

※過去のバージョンも含めUnity 2019の動作は未確認です。

仮眠セットのアップデートに伴い、解説画像を一部差し換えております。

【Unity】AFKモーションの間だけ自動的に小物を出し入れする方法

小物を自動的に出し入れ

  • 小物(枕・布団)で解説
  • AFKの間だけ自動的に枕・布団が出ます。
  • 復帰すると自動的に枕・布団は消えます。

【AFK】仮眠セット ワンコインマーケット出品 – Eagle – BOOTH

この記事では、こちらの商品を使って解説します。↑

導入手順をザックリお伝えすると、

  1. アニメーションを再生させて寝具を合わせる
  2. AFKモーションをレイヤーに設定する
  3. VRChatへアップロードする

というステップです。

初心者向けに細かく工程を分けて解説します。

とても簡単ですので3分程度で終わります。

Unityに慣れている人は流し読みでOKだよ! 

 

今回も解説に狐雪ちゃんを使わせていただきます。

めっちゃ可愛いので、個人的に超おすすめアバターです。

 

キュビクローゼット様 (@Kyubi_002) / Twitter)

オリジナル3Dモデル「狐雪」Ver.1.04 – キュビクローゼット – BOOTH

 

1.アバターのアップロードに必要なファイルをインポートする

  1. アバターのデータ、
  2. 「仮眠セット」をUnityにインポート
  3. アバターのprefabをHierarchyに入れる

ところまで進めます。

  • Unityをそもそも触ったことがない方、
  • アバターを一度もアップロードしたことがない方

はこちらの記事をご覧ください。

【VRChat初心者向け】アバター3.0でアニメーションを導入する方法まとめ 先日BOOTHから無料でダウンロードした、『キョンシー移動モーション』をアバターに導入して遊んでみました。 両手を前に出し...

 

2.Animator Controllerを追加する

  1. Assetsの中で右クリック
  2. Create → 『Animator Controller』を選択

します。

写真を参考にしてください。

 

3.アバターを選択して、アバターのAnimatorを設定する

  1. アバターを選択
  2. アバターのAnimatorの、Controllerの中に、
  3. 追加した『Animator Controller』を入れる
  4. 『New Animator Controller』をダブルクリックする

ところまで進めます。

写真のように、マウスでドラッグ&ドロップするだけです。

アバターに設定した『New Animator Controller』をダブルクリックして、Animator画面に移ります。

 

4.使いたいアニメーションを設定する

  1. アニメーションファイルをドラッグ&ドロップする
  2. 『Scene』から最初の画面へ

戻ります。

※アニメーションのポーズの確認は、BOOTHの商品ページをご覧ください。

 

5.アニメーションのタブを開く

  1. 『Window』から、
  2. 『Animation』を選択してタブを開く
  3. 『Preview』をクリックすると、設定したアニメーションが再生される

ので試してみてください。

これでアニメーションに小物を合わせる下準備ができました。

 

アニメーションファイルを変更したい場合は?

う~ん。やっぱり別のポーズに変えたいかも… 

という方は、前の項目のように、

  1. アバターを選択して『New Animator Controller』をダブルクリック
  2. ドラッグ&ドロップしたアニメーションファイルを選択して、
  3. 右クリックから『Delete』を選択して消す
  4. 別のアニメーションファイルを入れる
  5. 『Scene』から別のポーズに戻って、Previewで確認する

ことで、アニメーションファイルを入れ替えられます。

この手順で複数のアニメーションファイルを確認できるから、覚えておくと便利だよ! 

6.小物(枕・布団)をHierarchyに入れて位置を合わせる

  1. 『Preview』を押した状態のまま、
  2. 小物のprefabをHierarchyに入れて位置を合わせる
  3. 小物のprefabを『unpack』する

ところまで進めます。

Animationタブの『preview』を押した状態のまま、AFKに合わせたい小物のprefab(枕・布団)をHierarchyに入れて位置を合わせます。

小物の位置が決まったら、

  1. Hierarchyに入っている小物を右クリック
  2. 『Unpack prefab』を選択

します。

Unpackすることで、水色の箱が白くなります。

アバターがTポーズに戻ってしまう場合は?

布団の位置を合わせようとすると、Tポーズに戻っちゃうよ…  

という場合は、アニメーションタブの右端にある

  • 南京錠マークをクリックする
  • ▼から『Lock』を選択する
  • (※どちらのやり方でもOKです)

ことで再生中のアニメーション(ポーズ)を固定したまま、布団の位置を合わせることができます。

※南京錠のマークが無い場合があります。その際は▼から『Lock』を選択してください。

南京錠のマークはかなり小さいからよく見てね! 

 

7.小物をアバターの中に入れる

  1. アバターの▼をクリックする
  2. 小物をアバターの中に入れる

ところまで進めます。

小物をHierarchy上で掴み、アバターの名前の上に重ねる(ドラッグ&ドロップ)とアバターに小物が組み込まれた状態になります。

この作業がとても重要です。

小物をアバターに入れていない状態

  • アバターと小物が別々の存在
  • アップロードしても反映されない
小物をアバターに入れた状態

  • 小物がアバターの体の一部となった状態
  • アップロードすると反映される

という違いがあります。

初心者の方が躓きがちなポイントなので、違いを確認して覚えておいてくださいね。

アバターの名前のすぐ下に入っていればOKだよ 

『Armature』等と同じ列に入っているかを確認してください。

※仮眠セットver1.04までは、アバターのBoneに入れておりました。

しかしアバターの構造によって不具合が発生したため、配置を変更しました。

 

8.アニメーションを止めて、小物のチェックを外す

  1. 『Preview』をクリックし、T字ポーズに戻す
  2. アバターに入れた小物(枕・布団)のチェックを外す

ところまで進めます。

チェックを入れたままだと、AFK状態ではない(通常時)にも、枕・布団が見えてしまいます。

普段は見えないようにしておき、「AFKモーション」が作動した時だけ、小物が見えるようになる…というカラクリです。

ちなみに小物のチェックを外してから、もう一度『Preview』を押すことで動作確認ができます。

アニメーションの再生と同時に「パッ」と小物が出てきます!

アニメーションを止めると同時に小物が「パッ」と消えますよ。

※「AFKモーションの時に小物が見えるように」アニメーションファイルを加工しています。

※【AFK】こたつセット・捨て猫を設定する方へ

仮眠セットの方は飛ばしてOKだよ。 

自動で小物を出し入れできる機能には、大きなメリットがもう1つあります。

それは、

  • 小物を自由に付け足すことができる

ことです。以下こたつセットで解説します。

 

「こたつといえば?」と質問された時、

やっぱりみかんでしょ! 
私は鍋かな! 

と意見が別れると思います。のんびりお茶を飲んだり、ゲームをするのも良いですよね。

話を戻すと、自分の好みに合わせて、小物(3Dモデル)を付け足すことができます。

その方法について、この項目でお伝えします。

※かめれん様の『VRCまんじゅう』を使わせていただきます。

 

1.合わせたい小物をHierarchyに入れ、位置とサイズを合わせる

すでに解説したようにアニメーションを再生させながら、小物(VRCまんじゅう)を合わせていきます。

小物の合わせ方にはコツがあります。

  1. 移動(十字のやつ)
  2. 回転(矢印が回っているやつ)
  3. 真上・真横から見る(XYZをクリック)

することを覚えてください。

『移動』はアバターにアクセサリーを合わせる時など、よく使いますよね。(XYZ方向に、選択しているオブジェクトを移動させられます。)

次に『回転』です。

写真のように、選択しているオブジェクトを中心に円が表示されます。それぞれの円を掴むことで、回転させることができます。細かな微調整をしたい時に重宝します。

最後に『真上・真横から見る』です。

「正面から見た時に位置が合っていたけど、真横から見たらズレていた…」ということがあります。確認のために使います。

『移動』で座標を合わせて、『回転』で微調整、『真上・真横から見て』確認する…というイメージです。 

 

2.Hierarchyの小物をUnpack Prefabする

Hierarchyの小物を右クリックして『Unpack Prefab』を選択する。

※キューブが水色から灰色に変化したら成功です。

 

3.小物をアバターに設定された『こたつ』の中に入れる

小物をアバターの中に設定された『こたつ』の中に入れます。

写真のように、『こたつABC』の下に配置されている状態にします。

商品別でまとめると、

  • 【AFK】こたつ→『こたつABC』
  • 【AFK】捨て猫→『ダンボール箱』

となっております。

この項目で設定した小物(VRCまんじゅう)のチェックは入れたままにしておきます。

追加した小物の設定は以上です。Previewを押して動作を確認してみてくださいね。 

アニメーションが止まると、こたつと一緒に小物(VRCまんじゅう)も消えます。

アニメーションが止まっても『こたつ』が出たままになっている人は、アニメーションを止めた状態で、『こたつ』のチェックを外してください。

動作確認をした時に、

  • こたつ
  • 追加した小物(VRCまんじゅう)

が同時に出し入れされていれば完了です。

 

9.アバターのAnimatorを『None』に変更

  1. アバターを選択する
  2. Animatorの〇をクリックして、
  3. 『None』を選択

します。

この工程を忘れると、VRChatにアップロードした際、アバターのポーズがバグる可能性があります。

最初に追加、設定した『New Animator Controller』の中に入れたアニメーションファイルが、常時再生されてしまう様です。

 

10.vrc_AvatarV3ActionLayerをダブルクリック

  1. 『VRC Avatar Descriptor(Script)』の中の、
  2. 『Playable Layers』の『Action』から、
  3. 『vrc_AvatarV3ActionLayer』を選択してダブルクリック

します。

アバターを選択した状態で、『VRC Avatar Descriptor(Script)』を探します。

(※最初からアバターに設定済みの場合もあれば、追加する必要がある場合もあり、アバターごと設定が異なります。)

『Action』の欄の小さな〇をクリックして、『vrc_AvatarV3ActionLayer』を選択します。

『Action』の欄に『vrc_AvatarV3ActionLayer』が設定されたら、ダブルクリックしてAnimator画面に移ります。

 

『VRC Avatar Descriptor(Script)』がみつからない時は?

みつからない場合は、『Add Component』をクリックし、虫眼鏡のところに、『avatar』と入力すると出てきます。

『VRC Avatar Descriptor』を選択して追加します。

 

11.AFKモーションを設定する

  1. 『AFK Init』
  2. 『AFK』
  3. 『Blend Out』
  4. ↑それぞれのMotionの欄に、アニメーションファイルを入れる

ところまで進めます。

難しそうに見えますが、めっちゃ簡単なのでご安心くださいね。

まず『AFK Init』を選択してみてください。

Motionの欄に、設定したいアニメーションファイルを入れるだけです。(ドラッグ&ドロップ)

  • 『AFK Init』
  • 『AFK』
  • 『Blend Out』

3か所すべてのMotion欄に、設定したいアニメーションファイルを入れたらAFKの設定は完了です。

12.VRChatへアバターをアップロードする(完了!)

  1. 『Scene』をクリックして最初の画面に戻る
  2. 『VRChat SDK』から『Show Controller Panel』を選択
  3. 『Build & Publish for Windows』からアバターをアップロード

して完了です。

VRChatへアップロードしたら、AFKと同時に小物(枕・布団)が出てくるか?確認してください。

  • 通常時、小物(枕・布団)が見えていなくて、
  • AFK状態にすると、小物が現れて、
  • 復帰すると小物が消える

様であれば成功です。

アニメーションは再生されるけど、布団と枕が表示されないんだけど…? 

という方は次の項目に進んでください。

VRChat上で動作に問題が無ければ、ここで解説は終了です。

また、

  • アバターのポーズが最初からバグっている
  • 小物が変なところに飛んでしまう
  • そもそもVRChatにアップロードする方法がよくわからない

という方はこちらの記事をご覧ください。

【VRChat初心者向け】アバター3.0でアニメーションを導入する方法まとめ 先日BOOTHから無料でダウンロードした、『キョンシー移動モーション』をアバターに導入して遊んでみました。 両手を前に出し...

バグや不具合の解決策、VRChatのアップロード方法も詳しく書いてあります。

ちなみにアバター3.0のアクションメニューから、ON・OFF切り替えでアニメーションを再生することもできます。

上記の記事に導入方法を載せておりますので、合わせて参考にしてください。

仮眠セット「VRChat上で布団と枕が表示されない」不具合について

ここからは仮眠セットver1.05の追記になります。

冒頭でもお伝えしたように、一部のアバターにて

  • 布団と枕がVRChat上で表示されない
  • (Unityでは表示される)

といった不具合が発生しておりました。

説明通りに設定したはずなのに、VRChat上で布団と枕が出てこない… 

という症状の対策をお伝えします。

同様に、

  • 他の人から布団や枕が見えていない
  • 「挙動が不安定に感じる」

といった方にもおすすめです。

この項目でお伝えする方法で、動作を安定させることができます。

設定は5分程度で終わるよ! 

 

1.FXレイヤーをダブルクリックする

  1. Hierarchyのアバターを選択する
  2. 『VRC Avatar Descriptor』の中の、
  3. 『Playable Layers』の『FX』から、
  4. 『AvatarV3FXLayer』を選択してダブルクリックする

ところまで進めます。

AFKの設定をする際に設定した『Action』の下に『FX』の項目があります。

※名称はアバターによって異なる場合があります。

狐雪ちゃんの場合は、『KoyukiFX』となっています。

最初から何も設定されていない場合は、『AvatarV3FXLayer』を選択します。

FXレイヤーが1つも無い場合は?

よく探したけど、FXレイヤーが見つからないよ… 
1分で解決するから安心してね! 

アバターによっては、FXレイヤーが未設定の場合があります。

その際は『Animator Controller』を出して代用します。

『Animator Controller』を出したら、名前を『FXLayer』に変更します。(名前は適当でOKです)

※名前はAssetsに出した『Animator Controller』を右クリックして『Rename』を選択すると変更できます。

名前が設定できたら前の項目に戻って、設定した『FXLayer』を探してみましょう。

 

2.FXレイヤー(Parameters)の設定を行う

  1. 『Parameters』を選択する
  2. +をクリックして『Bool』を追加する
  3. 名前を『AFK』に変更する

というところまで進めます。

『Bool』を追加すると、『New Bool』という名前の項目が追加されます。

この『New Bool』をダブルクリックすると名前を変更できます。

3.FXレイヤー(Layers)の設定を行う

  1. 『Layers』を選択する
  2. +をクリックして項目を追加する
  3. 名前を『AFK』に変更する※
  4. 歯車マークをクリックして、『Weight』を0→1にする

ところまで進めます。

『Weight』はキチンとになっていることを確認してください。

※『Parameters』で入力した時と同じように、『AFK』と入力してください。(両方同じ文字でないと、正しく動作しません)

4.FXレイヤー(布団・枕の出し入れ)を設定する

  1. 画像のピンク色の枠の中で右クリックする
  2. 『Create State』から『Empty』を選択
  3. ②をもう一度繰り返す
  4. オレンジ色の『New State』を『布団を消す』
  5. 灰色の『New State』を『布団を出す』

それぞれ名前を変更します。

わかりやすく日本語で入力しておりますが、「日本語入力はバグるんじゃない?」と心配な方は、アルファベットでもOKです。

自分が理解しやすい名前に変更してください。

5.FXレイヤー(矢印を繋ぐ)

  1. 水色の『Any State』の上で右クリック
  2. 『Make Transition』を選択して、矢印を『布団を消す』に繋ぐ
  3. 同じように『Any State』から、矢印を『布団を出す』に繋ぐ

ところまで進めます。

Any State等の項目はマウスで掴んで、自由に場所を動かすことができます。

矢印が重なっている方は、見やすい位置へ移動させてね! 

6.FXレイヤー(矢印の設定)を行う

  1. 『Any State』『布団を消す』に繋いだ矢印をクリックする
  2. 『Conditions』の中の+をクリックする
  3. ▼をクリックして『AFK』『false』へ変更する

ところまで進めます。

続いて『布団を出す』方の矢印も設定します。

  1. 『Any State』『布団を出す』に繋いだ矢印をクリックする
  2. 『Conditions』の中の+をクリックする
  3. ▼をクリックして『AFK』『true』へ変更する

ところまで進めます。

『false』『true』がそれぞれ間違っていないか、再度確認してください。

これで設定は完了です。

『Scene』をクリックすると最初の画面に戻れます。

VRChatにアップロードして、AFKモーションを確認してみてください。

お疲れ様でした! 

仮眠セット:オリジナル掛け布団を作る方法

最後に「仮眠セット」のオリジナル掛け布団を作る方法をお伝えします。

以前の方法よりもシンプルになりました!

  1. Assetsの中に設定したい写真を入れる
  2. 写真を布団へドラッグ&ドロップ
  3. マテリアルの『Smoothness』の値を0にする

だけです。

『Smoothness』というのは、表面の滑らかさです。

1にするとツルツルに光ります。

0にすることで、よりお布団らしい質感になります。

オリジナル掛け布団も基本的な導入手順は変わらないよ! 

まとめ:自動で小物を出し入れできるAFKモーションでVRChatを楽しもう!

AFKモーションと同時に、小物が出てくるAFKモーションの設定方法をお伝えしました。

今後この機能を活かした商品を販売予定です。

VRChatの中に新しい楽しみ方を増やしていけるよう、今後も情報を発信していきます。

おしまい。

こちらの記事もおすすめ!

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA