はじめに
今回はVRM形式のキャラクターをVRChatにアップロードします。
VRMはVRoidを使用して製作。
VRoidなどからキャラを作り書き出せることを前提に進めます。
前提知識はこちらをご覧ください。
このようなキャラのVRMがある事を前提に進めます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-22-12.jpg)
Unity+VCCの用意
VRChatにアバターをアップするには下記の3つが必要です。
・Unity Hub
・Unity
・VCC
こちらを導入していきます。
Unity Hubのインストール
UnityはUnity Hubという管理ツールを使って導入します。
こちらのページにアクセス。
![](https://signyamo.blog/wp-content/uploads/cocoon-resources/blog-card-cache/f6157f5d2d09fed6bb89f9cb164787c9.jpg)
Unity Hubをダウンロードをクリック。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-01-30.jpg)
.exeをクリックして普通にインストール。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-02-26.jpg)
これでUnity Hubのインストールが完了です。
Unityのインストール
こちらのページで対応しているUnityのバージョンを確認。
Google翻訳をかけると読めます。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-03-26.jpg)
現在のUnityバージョンのリンクをクリック。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-04-24.jpg)
Unity Hubをクリック。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-05-21.jpg)
Unity Hub を開く を押します。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-06-23.jpg)
全てのモジュールのチェックを外します。
INSTALLを押します。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-07-22.jpg)
これでUnityのインストールが完了です。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-08-18.jpg)
もしモジュールが必要になった場合は3つの点をクリック。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-09-17.jpg)
モジュールを加えるを選択で追加してください。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-10-19.jpg)
これで、Unityの導入が完了です。
VCCの導入
VCC = VRChat Creator Companionの略。
VRChatのWEBページにアクセス。
無ければ、アカウントを作成。
Download → Download the Creator Companionをクリック。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-01-23.jpg)
ダウンロードした.exeを実行。
VCCを導入。
![](https://signyamo.blog/wp-content/uploads/2023/03/add-01-11.jpg)
Windowsキー → VCCを実行。
![](https://signyamo.blog/wp-content/uploads/2023/03/add-02-9.jpg)
画面左下のSettingsをクリック。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-02-22.jpg)
Unity Editorsで「unity.exe」のパスが割り当てられてるか確認。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-03-21.jpg)
なければ、次の操作を行います。
VCCにUnity.exeを割り当てる
Windowsキー → Unityを右クリック。
その他 → ファイルの場所を開くを選択。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-04-20.jpg)
左下に矢印があるのは、ショートカットファイルです。
こちらを右クリック → 「ファイルの場所を開く」を選択。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-05-20.jpg)
すると、本体が出てきます。
ここのパスを右クリック。
アドレスをテキストとしてコピーを選択。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-06-20.jpg)
VCCに戻ります。
Unity Editorsのフォルダマークをクリック。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-07-23.jpg)
パスにCtrl+Vでアドレスを貼り付け。
EnterキーでUnity本体がある場所を開きます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-08-17.jpg)
Unity.exeを選択。
開くボタンで確定。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-09-16.jpg)
これでVCCにUnity.exeを割り当てが完了です。
UnityでProject作成
VCCのProjectsをクリック。
右上のCreate New Projectを選択。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-10-16.jpg)
Avatarsをクリック、
Project Nameを慎重に決めます(後から変更不可)
Create Projectでプロジェクト作成。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-11-16.jpg)
気になったプラグインがあれば追加します。
分らなければ、なにも入れなくて大丈夫です。
このまま「Open Project」を選択。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-12-16.jpg)
プラグインは後からProject → Manage Projectで追加できます。
なので、気にせず進めてください。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-13-17.jpg)
Unityが開かれます。
![](https://signyamo.blog/wp-content/uploads/2022/02/image-13-11.jpg)
これで、土台となるProject作成が完了です。
VRM Converter for VRChatの導入
VRMをVRChatに変換するツールを入れます。
こちらのページにアクセス → ダウンロード。
![](https://signyamo.blog/wp-content/uploads/cocoon-resources/blog-card-cache/e5d3f1ce0e2956fb3e9d9a1e411d212c.jpg)
.zipを展開。
中に、VRM Converter for VRChat Installer.unitypackageがある事を確認。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-14-16.jpg)
こちらを、UnityのProjectにドラッグ&ドロップ。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-15-16.jpg)
Projectが表示されてない場合、画面右上の3つの点をクリック。
Add Tab → Projectで表示。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-16-14.jpg)
すべてに、チェックが入ってる事を確認。
Importをクリック。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-17-14.jpg)
「VRMのVRChat化に必要なツールを入れます」という説明が出ます。
Closeで閉じます。
※見たい方は、Read moreで説明を見ます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-18-16.jpg)
しばらく待ちます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-19-15.jpg)
Unity画面上部でVRM0という表示があるか確認。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-20-12.jpg)
VRM0が出ていれば、導入完了です。
UnityにVRMを入れる
VRM0をクリック。
Import from VRM 0.xをクリック。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-21-12.jpg)
読み込みたいVRMを選択。
開くで読み込み。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-22-13.jpg)
.prefabの保存先を聞かれます。
こだわりがなければ、そのまま保存をクリック。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-23-9.jpg)
![](https://signyamo.blog/wp-content/uploads/2023/02/pd0ogJ64_400x400-150x150.jpg)
.prefab = VRMモデルにUnityで動くための設定を入れたもの。
と思ってください。
Project → Assetsをクリック。
ここに、読み込んだVRMが出ていれば成功です。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-24-10.jpg)
VRChat用に変換
Project → Assetsをクリック。
読み込んだVRMをクリックして選択。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-24-10.jpg)
画面上部のVRM0をクリック。
「Duplicate and Convert for VRChat」を選択。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-25-12.jpg)
特に設定にこだわりが無ければ、そのまま複製して変換をクリック。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-26-9.jpg)
![](https://signyamo.blog/wp-content/uploads/2023/02/pd0ogJ64_400x400-150x150.jpg)
とにかく、まず生成。
その後、エラーが出れば調整 → 再生成で大丈夫です。
VRChat対応したアバターデータの.prefab保存先を聞かれます。
こだわりが無ければ、そのまま保存。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-27-8.jpg)
「変換が完了しました」が出たらOKで閉じます。
これで、VRChat用に変換したデータが完成です。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-28-7.jpg)
Unityにアバターを読み込む
Hierarchyに、Projectのアバターデータをドラック&ドロップ
![](https://signyamo.blog/wp-content/uploads/2023/03/add-03-6.jpg)
Hierarchyで読み込んだアバターをダブルクリック。
すると大きく表示できます。
あとは下記の操作で視点を調整。
・視点移動はマウスの右クリック、もしくは中クリック。
・ズームはAlt+右クリック
![](https://signyamo.blog/wp-content/uploads/2023/03/image-29-7.jpg)
データが汚いのは… 仕方ないです。
VRoid経由で書き出した、VRMをのままだとこうなります。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-30-6.jpg)
気になる方は、BlenderでVRMを読み込み、調整 → Unityに読み込みしてください。
↓BlenderからUnityにアバターを読み込む方法はこちらで解説。
そのままでも、使えるといえば使えるので、
ここではそのまま進めます。
![](https://signyamo.blog/wp-content/uploads/2023/02/pd0ogJ64_400x400-150x150.jpg)
データが汚いと不具合の原因になります。
アバターを販売したい場合はこのままはNG。
VRChat向にアップする
Inspectorを確認。
「VRC Avatar Descriptor (Script)」を開きます
![](https://signyamo.blog/wp-content/uploads/2023/03/add-04-7.jpg)
ここのView → View PositionのZを操作。
この灰色の球が顔の中にある事を確認。
これさえあれば、VRChatで最低限使えます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-1-12.gif)
画面上部の VRChat SDK → Show Control Panelをクリック。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-31-6.jpg)
IDとパスワードを入れ、VRChat SDKにログイン。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-32-6.jpg)
Builderをクリック。
警告やエラーは気にせず、「Build & Publish for Windows」を選択。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-33-7.jpg)
初回はシーンの保存先を聞かれます。
こだわりがなければ、何もせず保存をクリック。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-34-8.jpg)
しばらく待ちます。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-35-7.jpg)
すると、Gameにアップロード画面が出てきます。
名前を入力。
利用規約に同意をチェック
Uploadをクリック。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-36-7.jpg)
VRChatを立ち上げ。
Escキー → Avatarsをクリック。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-37-6.jpg)
Uploadedよりアップロードしたアバターを選択。
Change to Avatarでアバター変更。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-38-7.jpg)
動作は確認。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-39-6.jpg)
表情はRキーのパイメニュー → Expression → FaceModeで変えれます。
※これは、VRMを変換した場合のみの設定です。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-43-5.jpg)
これで、VRChatへのアップロードが完了です
アバターを修正する
現在のアバターは、左右に動くとなぜか目が動きます。
こちらを修正します。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-2-10.gif)
Inspector → 「VRC Avatar Descriptor (Script)」を開きます。
さらに、Eye Lookを開きます。
ここのRotation Statesの値を全て0に設定。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-40-8.jpg)
この状態で、再度アップロード。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-41-6.jpg)
VRChatを立ち上げ。
アバターは更新ボタンがありません。
なので一度、他のアバターを選択 → Change to Avatarでアバター変更。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-42-4.jpg)
もう一度、元のアバターを選択。
Change to Avatarでアバター変更。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-38-7.jpg)
これでアバターの更新ができました。
動作を確認します。
目の動きが治りました。
![](https://signyamo.blog/wp-content/uploads/2023/03/image-3-7.gif)
この目の動きは、他の人を見た時の目の動きの設定が不具合を起こしてたものです。
今回は0にして完全に切りました。
が、上手く設定すれば他の人が近づいたらその方向を見ると言った設定ができます。
詳しくはこちらをご覧ください。
以上が、VRMファイルをVRChatにアップロードする方法です。
まとめ
今回は、VRMファイルをVRChatにアップロードする方法を紹介しました。
・VRChatにアバターを上げるにはUnityとVCCが必要
・Unityは管理ソフトUnity Hubでいれるのがおすすめ
・VCCはVRChat用のUnity Project作成ツール
・VRMのVRChatアバター変換は専用ツールを使えば1発
また、他にもVRChatや3DCGについて解説してます。
ぜひ、こちらもご覧ください。
コメント