![見出し画像](https://assets.st-note.com/production/uploads/images/65531116/rectangle_large_type_2_158e8d241bfa1266034dd7181d2cda44.jpg?width=1200)
Unityアセットの力でFallbackアバターを作ろう[VRChat]
21/11/13 追記:表情を引き継ぎ・修正する方法の追加
22/03/04 追記:ラスクちゃんが公式でFallback対応しました。
22/07/14 追記:モジュールを加えるところの説明画像を新しくしました
こんにちは。Ran_kotonohaと申します。
最近、VRChatのFallbackシステムがアップデートされ、自分でアップロードしたアバターをFallbackアバターとして使うことができるようになりました。
ただ、Fallbackアバターに求められる条件はQuest対応アバター用のパフォーマンスランクがGoodであること。言い換えると、
・Quest対応アバター
・ポリゴン数1万以下
・ボーン75個以下
・Skinned Mesh Renderer1個
・Material1個
が(主な)条件になっています。
特に、多くの市販アバターはポリゴン数が1万を大幅に越えており、マテリアルはほぼ全てのアバターにおいて複数設定されています。
ポリゴン数やマテリアル数、そしてボーン数の削減のためにはBlenderを使ってモデルデータを弄らなければならず、Fallbackアバターの作成はBlenderを触ったこともない私のような初心者にはとても敷居の高いことです。
それでも、好きなアバターをFallbackに設定したい!!と思った私は、便利な有料アセットに頼ることにしました。
この記事では、2つのアセットと様々な有志ツールを利用して、Unity内のみで比較的簡単に市販アバターをFallbackアバターとしてアップロードする方法を説明します。
今回使うアセットは次の2つです。
・Mesh Simplify
Unity内でワンボタンでポリゴン数を削減してくれるアセット。ポリゴンを削る割合をオブジェクト毎に指定できるのが強み。
・Mesh Baker
メッシュやマテリアルを1つに結合してくれるアセット。シェイプキーを引き継ぎできるので、メッシュを結合しても表情切り替えは今まで通りできる。
Mesh Bakerは値が張りますが、需要が非常に高いことからセール時に大きく割引されやすいので、セール時を狙って買うのが良いでしょう。
今回は、こまど様の「ラスク」ちゃんを使っていきます。
なお、この記事は21/11/13に投稿したものなのですが、今現在、ラスクちゃんは公式でFallback対応しています。
˗ˏˋ ラスクちゃんQuest対応しました ˎˊ˗
— こまど (@komado_booth) March 4, 2022
ラスクちゃんのQuest対応モデルを追加しました!
パフォーマンスランク:Goodのため、Fallback Avatarとしても使えます🐾
よろしくお願いしますฅ•ﻌ•ฅ
DL→【https://t.co/Fjw08uw4Rb】 pic.twitter.com/WIdAsAFfu9
ラスクちゃんをFallbackアバターにしたい場合、そちらを使うほうが手っ取り早いかと思います。
この記事では、それなりにアバター改変を理解している人向けに説明するので、分からない言葉が出てきた場合は調べていただけると幸いです。
また、様々なツールをアバターをFallback化するためだけに使っていくので、それぞれのツールの詳しい仕様や細かい仕様について説明できません。ご了承ください。
この記事のUnityバージョンは2019.4.31f1で、
SDKのバージョンはSDK3-AVATAR-2021.11.08.14.28です。
手順0:下準備
まずはいつも通りダイナミックボーンとSDKをインポートして、アバターをシーン内にドラッグアンドドロップしましょう。色改変や衣装改変を行う場合は、この時にやっておくのが良いでしょう。
![画像1](https://assets.st-note.com/production/uploads/images/65518081/picture_pc_b44e9b70065b3d371eae594432e77324.png?width=1200)
手順1:VRCQuestToolsでアバターをQuest対応させる
VRCQuestToolsは、アバターを簡単にQuest対応アバターに変換することができるツールです。
![画像2](https://assets.st-note.com/production/uploads/images/65518324/picture_pc_3cfe28c04e208b0e683e58a6026a67ab.png)
インポート時にこのようなウィンドウが出てきます。画質が良くなるのはうれしいので、「ASTCでテクスチャを圧縮」をクリックしましょう。
![画像3](https://assets.st-note.com/production/uploads/images/65518816/picture_pc_3848a1dc664a12759d648629bb6ad736.jpg)
上のメニューバーにVRCQuestToolsが追加されているので、その中のConvert Avatar for Questを開きます。
![画像4](https://assets.st-note.com/production/uploads/images/65518965/picture_pc_780906f0e50ab66fde51a2693be06de4.png)
アバターの欄に変換したいアバターを選択して、変換ボタンをクリック。
![画像5](https://assets.st-note.com/production/uploads/images/65519097/picture_pc_ec6dd43d9a5981bddb89251be10e0bbf.png?width=1200)
これでQuest対応のラスクちゃんができました。
手順2:不要な部分を削除する
アバターは、様々なオブジェクトで構成されています。ポリゴン数削減のため、必要最低限のオブジェクト以外は全て削除してしまいましょう。私の場合は、ニーソ、スニーカー、パーカーのばってん、尻尾を削除しました。
念のため説明しますが、先にアバターをUnpack Prefabしてください。
![画像6](https://assets.st-note.com/production/uploads/images/65519207/picture_pc_bbad5adfefd775b93852f4b0852bd257.png?width=1200)
![画像7](https://assets.st-note.com/production/uploads/images/65519327/picture_pc_2f0caf9e8222fc2e45230e050479c3ce.png?width=1200)
パーツを削除すると身体の一部がこのようにくぼんだ状態になっていることもありますが、その時は身体の中にあるシェイプキーを覗きましょう。
![画像9](https://assets.st-note.com/production/uploads/images/65519643/picture_pc_04d539edb89129efbb0a67137abb7851.png?width=1200)
![画像8](https://assets.st-note.com/production/uploads/images/65519608/picture_pc_6676448aa1716f099d6b8920c06d4e6a.png?width=1200)
Body_kneeのシェイプキーを0にしてやることで足が表示されました。このように、アバター着せ替え用に一部のメッシュがシェイプキーによって隠されていることがあります。
この後メッシュを削らなければならないので、このようなシェイプキーは全てのメッシュを表示させるように設定しましょう。
![画像10](https://assets.st-note.com/production/uploads/images/65520417/picture_pc_91fca86cc31a7dd047cb756fe546fc8f.png?width=1200)
手順3:MeshDeleterWithTextureで必要のないメッシュを削除する
ラスクちゃんはパーカーを着ており、今回アップロードするラスクちゃんはそのパーカーを脱ぐことはありません。そのため、袖の部分に隠れて見えない腕の部分はなくても問題ありません。
このような不要なメッシュを削除することで、ポリゴン数を削減することができます。
MeshDeleterWithTextureは、テクスチャを塗りつぶすだけでメッシュ内のポリゴンを削除することができるツールです。
![画像11](https://assets.st-note.com/production/uploads/images/65520507/picture_pc_09b23fb06a97bfc2e4754776b82cf3a9.jpg)
![画像12](https://assets.st-note.com/production/uploads/images/65520592/picture_pc_a072a649197f5fc3385c4d68c5eca072.png?width=1200)
Rendererの欄にポリゴン数を削減したいオブジェクトを選択すると、そのメッシュに付けられたテクスチャの画像が出てきます。
![画像13](https://assets.st-note.com/production/uploads/images/65520830/picture_pc_cff1702cdcf918bfdfdeb35f53fccff7.png?width=1200)
テクスチャ内で削除したい部分を塗りつぶします。DrawtypeをPENにすると塗りつぶすことができ、はみ出したらERASERで消すことができます。Pen/Eraser sizeでペンの大きさも変えられるので微調整可能です。
範囲選択ができたらウィンドウ下部のDelete Meshをクリック。これで、腕のメッシュを削除することができました。
![画像14](https://assets.st-note.com/production/uploads/images/65521090/picture_pc_cacb557e95a337797a5047755fe10e0e.png)
![画像18](https://assets.st-note.com/production/uploads/images/65523525/picture_pc_a03d3ad62b8905a7028fa97d447459ac.png)
※この時点で、いったんアバターを複製しておきましょう(Ctrl+D)。
手順4:Mesh Simplifyでポリゴン数を削る
ここで、Mesh Simplifyの出番です。
![画像15](https://assets.st-note.com/production/uploads/images/65521569/picture_pc_637c89d577e749fd15238466a4c4414f.jpg)
Mesh Simplifyをインポートしたら、アバター内でポリゴン数を削減したいオブジェクトのInspectorにMesh SimplifyをAdd Componentします。
![画像16](https://assets.st-note.com/production/uploads/images/65521772/picture_pc_3681b81615a3828b6b83fd80401d0de5.png)
Vertex %のスライドバーを弄り、Compute meshをクリックすると、そのオブジェクト内のメッシュのポリゴン数がVertex %の割合まで削減されます。
![画像17](https://assets.st-note.com/production/uploads/images/65521884/picture_pc_b61430cf185c613d4b0ec1d00a2ac087.png)
Triangle countのところの数字の、左側が現在のポリゴン数、右側が元々のポリゴン数です。50%にしたので、ポリゴン数が半分になりましたね。
注意!:Compute Meshを実行すると、そのオブジェクト内のシェイプキーは使えなくなります。表情シェイプキーが含まれているオブジェクトでCompute Meshを実行すると表情が変更できなくなるので気をつけてください(その場合はRestore Original Meshをクリックして元のメッシュに戻してください)。
削りすぎて崩壊した場合はVertex %の値を増やしてもう一度Compute meshすることでポリゴン数を増やせます。
VRCSDKControlPanelでポリゴン数が確認できるので、1万以下になるまで根気よくやっていきましょう。
![画像19](https://assets.st-note.com/production/uploads/images/65523641/picture_pc_d864fd667d4e5fed8b0be9b3ab023089.png)
手順5:ModelBoneDeleterで不要なボーンを削る
ModelBoneDeleterは、アバター内のボーンを簡単に削除できるツールです。
![画像20](https://assets.st-note.com/production/uploads/images/65523875/picture_pc_f4faac6c2c1e23b22e98eb1cd4f97284.jpg)
![画像21](https://assets.st-note.com/production/uploads/images/65523992/picture_pc_50619fde81c46eb1dfec47ea28a72c1d.png?width=1200)
Avatarの欄にアバターを選択すると、ボーン一覧が表示されるので、不要なものにチェックマークを入れていきます。
一見絶望的な作業に見えるかもしれませんが、人型アバターはダイナミックボーンにしか使われないボーンが必ず入っています。
![画像23](https://assets.st-note.com/production/uploads/images/65524856/picture_pc_a1400ae71aef9e2b16211550b43f2efe.png?width=1200)
髪、アホ毛、尻尾、パーカー紐などなど、ダイナミックボーンで揺れているだけの部分のボーンは削除しても大丈夫です。特に、全く同じものに付いているやたら階層が多いボーンは何も考えず消してしまって良いでしょう。
選択できたらDelete Bonesをクリックします。Copy Avatarにチェックマークが入っている場合、アバターが複製されます。
![画像23](https://assets.st-note.com/production/uploads/images/65525121/picture_pc_4d2bea9207999d01733978d1afa5f9e9.png?width=1200)
ボーンを67個まで減らすことができました。
![画像24](https://assets.st-note.com/production/uploads/images/65525239/picture_pc_32277cb4977ef9c0c61adb851ceff153.png)
ここで更にアバターを複製しておきましょう(Ctrl+D)。ここまで来たらあと一歩です。
手順6:Mesh Bakerでメッシュを結合する
いよいよMesh Bakerを使う時が来ました。その前に、1つ下準備をします。
![画像26](https://assets.st-note.com/production/uploads/images/65525765/picture_pc_7bb6173fe43a2bf3659338c3d6541bc7.jpg)
アバターにカーソルを合わせ右クリックしてCreate Emptyを選択。
![画像27](https://assets.st-note.com/production/uploads/images/65525784/picture_pc_64acb5b1db938806fd032a041e114671.png)
できたGameObjectの中に、メッシュを結合したいオブジェクトを全て入れます。これで下準備完了です。
![画像25](https://assets.st-note.com/production/uploads/images/65525462/picture_pc_112264db1eb8cbdce3854606a4412693.jpg?width=1200)
Mesh Bakerをインポートしたら、GameObject内のCreate Other->Mesh Baker->TextureBaker and MeshBakerをクリックすると、ゲームオブジェクトとしてTextureBakerとMeshBakerが生成されます。
![画像28](https://assets.st-note.com/production/uploads/images/65525917/picture_pc_bfd841f48da2a0b79440d8cfccdf466e.png)
TextureBakerのInspector内のスクリプトにある、Open Tools For Adding Objectsをクリックすると、ウィンドウが出てきます。
![画像35](https://assets.st-note.com/production/uploads/images/65527726/picture_pc_65b1a512edb2b426e8f656111f52f955.png?width=1200)
ウィンドウ上部のSearch For Meshes To Addをクリックすると画面が切り替わります。Exclude meshes with out-of-bounds UVsのチェックを外し、Hierarchy内の先ほどメッシュを纏めたGameObjectを選択して、ウィンドウ下部のAdd Selected Meshes To Targetをクリックします。
![画像30](https://assets.st-note.com/production/uploads/images/65526277/picture_pc_8968a78ec859c910f1851ac50322b207.png)
そのままウィンドウを閉じ、TextureBakerのInspector内のObjects To Be Combined内に、GameObject内のオブジェクトが入っていれば成功です。上手くできない場合、手動で設定することもできます。
手動で設定する場合、Size内に結合したいオブジェクト数を入力してエンターキーを叩き、表示されたElement内にオブジェクトを設定します。
![画像31](https://assets.st-note.com/production/uploads/images/65526565/picture_pc_51b69208d46e2b2476bfeee423bed321.png)
その後、Inspector内少し下のOutputの欄に移動し、上部のCreate Empty Assets For Combined Materialをクリックし、アセットを作成します。名前は適当に付けましょう。
![画像32](https://assets.st-note.com/production/uploads/images/65526774/picture_pc_2f519a38ca0c26e61558f106d759687a.png?width=1200)
アセットが作成できたら、Output下部の青いボタン、Bake Materials Into Combined Materialをクリックします。
![画像33](https://assets.st-note.com/production/uploads/images/65527214/picture_pc_9d6b6c521e89901a224baaf33e355c67.png)
これで、マテリアルを結合することができました。ちなみに、Material Bake Options内のMax Atlas Sizeを変更することで、より小さい画像に結合することもできます。
![画像34](https://assets.st-note.com/production/uploads/images/65527399/picture_pc_b39fb2e2e0b324acc5adde45f4f8a812.png)
私は2048に変更しましたが、ちゃんと画像1枚に収まりました。
さて、次はMeshBakerを使ってメッシュを結合するのですが、その前に1つ超重要なポイントがあります。
![画像35](https://assets.st-note.com/production/uploads/images/65527529/picture_pc_94cce243dde7fc5a400b23a3c1391922.jpg)
TextureBakerのInspector内の最下部に、このような設定画面があります。
ここで、画像のように、Include Blend Shapesにチェックを入れ、RendererをSkinned Mesh Rendererに変更します。シェイプキーの引継ぎをし、Skinned Mesh Rendererに纏めるという設定です。
![画像51](https://assets.st-note.com/production/uploads/images/65555314/picture_pc_ee30333bdeef06aaa63432aa44923f38.png)
そうしたら、Merge Blend Shapes With Same Namesにもチェックを入れます。このチェックを入れていないと、結合前と結合後でシェイプキー名が異なり、修正が面倒になります。
設定を変更したら、TextureBakerの子となっているMeshBakerのInspector内に移ります。
![画像36](https://assets.st-note.com/production/uploads/images/65528082/picture_pc_96df6171a5d0f03a0abf015d5870e2b2.png)
Outputの欄をBake Into Prefabに変更し、Create Empty PrefabをクリックしてPrefabを生成します。
![画像37](https://assets.st-note.com/production/uploads/images/65528147/picture_pc_4c69df870fb76115bc5bd8bdfa257e29.png?width=1200)
これもまた名前は適当で大丈夫です。
![画像53](https://assets.st-note.com/production/uploads/images/65555818/picture_pc_8da084125d81d22327126a839ac3f189.png)
Prefabが生成されたら、Inpector最下部のBakeをクリック。これでPrefabがラスクちゃんの姿に代わり、メッシュの結合が完了しました!
![画像39](https://assets.st-note.com/production/uploads/images/65528292/picture_pc_8f829a8de6306b9179ddc073627860c9.png)
手順7:アバターをアップロードする
![画像40](https://assets.st-note.com/production/uploads/images/65528363/picture_pc_c8885456358eccf4e68c3b61df66d372.png)
生成されたPrefabをHierarchy内にドラッグアンドドロップします。Prefabの中身はこのようになっており、無駄なものも入っています。
![画像41](https://assets.st-note.com/production/uploads/images/65528453/picture_pc_ef7053f082874f0058f19ba17e7a0b3d.png)
Prefabの中に入っているアバター(Avatar Descriptorが入ったオブジェクト)を取り出し、先ほどの下準備で作成したGameObjectを削除します。その中にMeshBakerで生成されたオブジェクトを入れます。
上画像のように組み替わればOKです。
![画像52](https://assets.st-note.com/production/uploads/images/65555450/picture_pc_0f0ce87e43898fea4376e8b119b1644a.png)
MeshBakerで生成されたオブジェクトの名前を、表情シェイプキーの入っているオブジェクトの名前に変更します。今までの工程を踏むことで、表情アニメーションが今まで通り使えるようになります。
これで、アバターをアップロードできる状態になりました!
![画像44](https://assets.st-note.com/production/uploads/images/65529003/picture_pc_3dd70d33cddfc66c57c5c37d59edf725.jpg)
Unityウィンドウ上部のFileから、Build Settingsをクリック。
![画像45](https://assets.st-note.com/production/uploads/images/65529021/picture_pc_85dd71f7a22f13ed3c59a829132017c7.jpg?width=1200)
Androidを選択してSwitch Platformをクリックしましょう。
![画像58](https://assets.st-note.com/production/uploads/images/82614893/picture_pc_4ed8ed30a0b5688b1c41dfc25dcb36ca.jpg?width=1200)
![画像59](https://assets.st-note.com/production/uploads/images/82614909/picture_pc_52133b5daead0819e18c2545430fdc75.jpg?width=1200)
もしSwitch Platformできない場合、Androidビルド用のモジュールが入ってないのかもしれません。「モジュールを加える」を選択してインストールしましょう。
Switch Platformにはそれなりの時間を要するので、一旦作業を区切って休憩に入ってもOKです。ここまで読んでくれてる方が果たしてどれだけいるのだろうか。
Switch PlatformできたらVRCSDKControlPanelを開きます。
(画像ではPC状態で開いちゃってます、すみません。)
![画像42](https://assets.st-note.com/production/uploads/images/65528624/picture_pc_3c4a9ac780e8fed07af1d4980a1c0ad5.png)
「This avatar has mipmapped ~」はAuto Fixできます。
「This avatar uses Visemes ~」ですが、
![画像43](https://assets.st-note.com/production/uploads/images/65528809/picture_pc_77488c8c7013b74dff20fd3946903349.png)
Avatar Descriptor内のLipSyncの設定でDefaultを選択。Auto Detect! をクリックします。
![画像53](https://assets.st-note.com/production/uploads/images/65555632/picture_pc_45c10df829f381b9eded0e4efcf82209.png)
ワンボタンでリップシンクの設定ができました。
エラー修正が終わったらいよいよアップロードです。
![画像48](https://assets.st-note.com/production/uploads/images/65529661/picture_pc_a469f693b3aa0a84588f6e6d81781479.png)
しっかりとパフォーマンスランクがGoodになっています。
![画像49](https://assets.st-note.com/production/uploads/images/65529705/picture_pc_739a44b19ab74744088df08a04426b76.png)
Use For Fallbackにチェックを入れてアップロードします。
その後、PCプラットフォームに切り替えてもう一度アップロードします。こうすることでPC版VRCで動作確認ができます。
アップロードできたら、Fallbackとして使えるか見に行きましょう!
![画像50](https://assets.st-note.com/production/uploads/images/65530490/picture_pc_988e0ca68e633b2f099a4ce6c7ccfcf4.jpg?width=1200)
ほら!!見てくださいこれ!!ラスクちゃんがFallback設定画面に存在してます!!!!
…こほん。というわけで、好きなアバターをFallbackアバターとしてアップロードする方法でした。
![画像54](https://assets.st-note.com/production/uploads/images/65556276/picture_pc_5e83c3293b22b1809be84c4c039f5eed.png?width=1200)
表情の引継ぎもちゃんとできてますね!
…え?なんか表情が変だって?
実は、表情に使われているシェイプキーの一部テクスチャには透過テクスチャが使われており、Quest対応アバターでは透過テクスチャが使えないため、このような状態になっているのです。
おまけにそのシェイプキーを使わないように表情を修正する方法を説明します。
手順EX:表情の修正
VRCAvatarEditorを使います。
プレビュー画面で実際のアバターの表情を確認しつつ表情変更アニメーションを作成できる優れものです。
![画像55](https://assets.st-note.com/production/uploads/images/65556498/picture_pc_8a89b7644e3e7b4ca2b9c27d541cbc85.jpg)
Editorを開いたら、Avatarの欄に表情を変更したいアバターを入れます。
![画像56](https://assets.st-note.com/production/uploads/images/65556589/picture_pc_1796253ee13e3cead503902576399976.png?width=1200)
右側にアニメーションがずらーっと並んでますね。そこのEditをクリックすると、
![画像57](https://assets.st-note.com/production/uploads/images/65556689/picture_pc_1633ebd6100587ff30cd074503c0639e.png?width=1200)
表情のプレビューが表示されます。下側に大量に並んだスライドバーがシェイプキーです。
このシェイプキーを弄って、表情を作りましょう。
![画像58](https://assets.st-note.com/production/uploads/images/65556917/picture_pc_7df2ad6f7eafb4853406f63205d47b65.png?width=1200)
表情が作れたら、AnimClip FileNameでファイル名を指定して、その下のStateの欄でこのアニメーションを付けるステートを選択します。
Set to Left & Right Hand Layerにチェックを入れると両手の同じステートにそのアニメーションが入るようになります。
設定できたら、最下部のCreate AnimFileをクリック!これでもう一度先程と同じようにアップロードしてみましょう。
![画像59](https://assets.st-note.com/production/uploads/images/65558168/picture_pc_d02d73976ebb458606243ceeeee87195.png?width=1200)
表情を修正することができました!
これにてFallbackアバターの作成は終了です、お疲れ様でした。できることは少ないですが、自分好みに改変することもできます(アニメーション追加など)。あ、でも詳しいことは省きますがパラメータを追加するのはやめたほうがいいです。
ここまで読んでいただき、本当にありがとうございました。
良いVRCライフを!
この記事が気に入ったらサポートをしてみませんか?