【無料3Dモデル作成】HitogataモデルをVRM形式に変換する方法（フルトラ対応版）

VTuberにも使えるオリジナルの3DモデルをHitogataで作成し、全身の体の動き反映（フルトラッキング）対応VRMモデルに変換する方法のご紹介です。
VRMとは、バーチャルモーションキャプチャーや、バーチャルキャストなど、様々なコンテンツで使用することが出来る3Dモデルの形式です。
YouTubeに同様の内容の動画をアップロードしてますので、動画で見たい方はこちらをどうぞ。

#YouTube動画
[![【オリジナルアバター制作】HitogataモデルをVRMに完璧に変換する方法！フルトラ対応版！【チャプタージャンプ付き】](http://img.youtube.com/vi/h2vGl0lu2cc/0.jpg)](http://www.youtube.com/watch?v=h2vGl0lu2cc)

#使用ソフト
**[Hitogata](https://sites.google.com/site/vhitogata/)**
3Dモデル作成、WEBカメラでの顔認識によるモデル操作（フェイストラッキング）が出来る無料のツールです。
様々なパーツを組み合わせて3Dモデルを作成します。
作成した3Dモデルは商用利用が可能です。

**[Blender](https://www.blender.org/)**
Hitogataで作成したモデルを読み込み、後述のプラグインを使用するのに使用します。
また、FBX形式への変換を行います。

**[Cats Blender Plugin](https://github.com/michaeldegroot/cats-blender-plugin)**
ボーン構造（モデルの骨）の最適化を行うBlenderのアドオン（追加機能）です。

**[Unity](https://unity3d.com/jp/get-unity/download)**
後述のプラグインを使用し、VRM形式への変換を行います。

**[UniVRM](https://vrm.dev/how_to_make_vrm/)**
VRM形式へ変換するUnityプラグインです。

#3Dモデル作成
Hitogataを使用ソフトのリンクからダウンロードし、起動してください。
起動後、ツールからキャラメイキングで3Dモデルを作成します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/582055/9eb8c4d5-aa91-06d0-8bd5-e56a53b192f3.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/582055/af70af0a-7ca4-12f6-9ce1-330feb7175e9.png)
作成したら再度編集出来るよう、キャラクタ保存で3Dモデルを保存しておきましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/582055/ac0abbe9-f1ff-44bc-8a9f-2e1d556dfb97.png)
続いてモデルのエクスポートで3Dモデルを出力します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/582055/ae5909ca-171c-1509-555f-89881e853c5d.png)
PMX形式で書き出します。
FBX形式での書き出しも出来ますが、Hitogataから書き出す場合、ボーン構造が上半身と下半身で分かれているため、フルトラッキングには不向きです。
※具体的にはHipsが上半身の子になっていないために、腰にWaistが割り当てられて姿勢が破綻します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/582055/d8a88eab-95bf-0ace-ddb9-d14243197596.png)
#ボーン構造の正規化、FBX変換
Blenderをダウンロード、インストールし、Cats Blender Pluginをダウンロードしてください。
その後、Blenderを起動し、以下ユーザ設定からプラグインをインストールします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/582055/8d0db1b3-4f38-1463-5fe7-efc05476dc5f.png)
ファイルからアドオンをインストールをクリックし、ダウンロードしたCats Blender Pluginをインストールします。
インストール後はCats Blender Pluginにチェックが入っていることを確認してください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/582055/4f760782-b546-0c0e-f6b9-38f455154df0.png)
ユーザー設定の保存をクリックし、ウインドウを閉じます。
その後、予め中央に配置されている立方体を削除（クリック、デリートキー）し、Cats Blender PluginのタブからImport Modelをクリック、モデル作成で出力した3Dモデル（PMX形式）を読み込みます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/582055/95005693-b072-66bd-859c-4be48e22856c.png)
Fix Modelをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/582055/3297ba06-194f-4c0a-f8a1-0e25d5327351.png)
ファイルからエクスポート、FBXを選びクリックします。
VRMファイルに変換するにあたり、Unityで扱いやすいFBXに変換します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/582055/14e3fed7-bf3a-ef3b-db64-efa2326c5c5e.png)
左下にFBX書き出しの設定項目が表示されるので、シフトキーを押しながらエンプティ、アーマチュア、メッシュ、その他のタブを選択し、任意の名前を付けて保存します。保存先はPMXファイルと同じ場所を指定してください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/582055/225fc779-2a12-b517-0b37-0fed68b8f120.png)

#VRM化
ここからはVRMコンソーシアムの記事を参考にモデル変換を行ってください。
公式の記事がわかりやすいと思います。

**[VRMコンソーシアム](https://vrm.dev/how_to_make_vrm/)**

揺れもの（髪の揺れなど）や、目線の移動（アイトラッキング）も設定方法が記載されています。
なお、Hitogataで作成した3Dモデルの場合、アイトラッキングはBlendShapeではなくBoneで行います。

#その後
VRM化後は[ぱっふぇるちゃん](https://twitter.com/Pachel_V/)の以下tweetのように、対応した様々なツールで使用することが出来ます。
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ビートセイバー歴2日の素人が、ぱふぇらむスタジオで一日練習した成果。<br><br>⬇チャンネルはこちら⬇<a href="https://t.co/wyn0WQGLGr">https://t.co/wyn0WQGLGr</a><a href="https://twitter.com/hashtag/BeatSaber?src=hash&amp;ref_src=twsrc%5Etfw">#BeatSaber</a> <a href="https://twitter.com/hashtag/%E3%83%90%E3%83%BC%E3%83%81%E3%83%A3%E3%83%AB%E3%83%A2%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A3%E3%83%BC?src=hash&amp;ref_src=twsrc%5Etfw">#バーチャルモーションキャプチャー</a> <a href="https://twitter.com/hashtag/VMCAvatar?src=hash&amp;ref_src=twsrc%5Etfw">#VMCAvatar</a> <a href="https://t.co/iT9oQWkPTo">pic.twitter.com/iT9oQWkPTo</a></p>&mdash; ぱっふぇる@ぱふぇらむ公式Vゲーマー (@Pachel_V) <a href="https://twitter.com/Pachel_V/status/1241963216718008321?ref_src=twsrc%5Etfw">March 23, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 


3Dモデルを表示して[BeatSaber](https://store.steampowered.com/app/620980/Beat_Saber/?l=japanese)を遊びたい場合は、[とんすさん](https://twitter.com/Tons_gaming)の以下tweetが参考になります。
無料のバーチャルモーションキャプチャーを使用します。
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">BeatSaberで簡単にアバター表示するための導入法（画像付き）<br>必要なもの<br>・OBS<br>・バーチャルモーションキャプチャー（<a href="https://t.co/KDGwBDBxjS">https://t.co/KDGwBDBxjS</a>）<br>・BeatSaber本体<br>・ModAssistant（<a href="https://t.co/pVd1LDIlIv">https://t.co/pVd1LDIlIv</a>）<br><br>導入までの流れ（初回）<br>各種ファイルダウンロードしておいてください</p>&mdash; 【Vtuber】とんす✌✌ (@Tons_gaming) <a href="https://twitter.com/Tons_gaming/status/1252869427709669377?ref_src=twsrc%5Etfw">April 22, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 

#オススメツール
参考までですが、3DバーチャルYouTuberとして活動する場合は以下ツールがオススメです。

**3Dフルトラッキング**

- [バーチャルモーションキャプチャー](https://sh-akira.github.io/VirtualMotionCapture/)
- [バーチャルキャスト](https://virtualcast.jp/)

**フェイストラッキング**

- [Luppet（ハンドトラッキング有）](https://luppet.appspot.com/)
- [VMAgicMirror（簡易ハンドトラッキング有）](https://booth.pm/ja/items/1272298)
- [waidayo](https://booth.pm/ja/items/1779185)
- [3tene](https://3tene.com/)

**VRM対応ゲーム**

- [BOW MAN](https://bowman.vrlab.dmm.com/ja/)