バーチャルSNS cluster(クラスター)でオリジナルアバターアップロードする方法

3次元のバーチャルSNSのclusterスマホからでも遊ぶ事ができ、ユーザーはほとんど日本人で、とても入りやすいです。
Blenderなどのモデリングソフトで作ったオリジナルのアバターをclusterで使用する方法をご紹介いたします。

アップロードに必要なもの
・unity
・uniVRM

目次

UniVRMとUnityのダウンロード

clusterにアップロードするファイルはVRMファイルが必要です。
ゲームエンジンのUnityを使って書き出します。

UniVRMのダウンロード

uniVRMは、unityの追加機能でVRMファイルを作るために必要です。

cluster社のwebサイトにカスタムアバターの制限ページがあります。
下の方の「その他」に、clusterでの推奨バージョンが書いていますので、リンクをクリックします。

リンク先のGitHubに飛びます。
AssetsのUniVRM-0.61.1_7c03.unitypackageをダウンロードします。

cluster クラスター unity blender アバター アップロード

unityのダウンロード

色々なバージョンがありますが、Cluster社が推奨しているバージョンをダウンロードしましょう。
Unityのダウンロードは、先ほどのGitHubのサイトに対応するUnity versionという項目がありました。
そこに推奨バージョンが書いていましたので、Unityはそのバージョンをダウンロードします。

unityのバージョンは2019.4LTSをダウンロードします。

cluster クラスター unity blender アバター アップロード 自作アバター

UnityHUBから2019.4.39f1をインストールします。
UnityHUBを立ち上げ、インストールからエディタをインストールをクリックします。

cluster クラスター unity blender アバター アップロード 自作アバター

Unityエディタをインストールから、2019.4.39f1をインストールします。

cluster クラスター unity blender アバター アップロード 自作アバター

今回モジュールは必要ないので、モジュールを加える、のチェックをすべて外してインストールします。

cluster クラスター unity blender アバター アップロード 自作アバター

Unityを立ち上げます。
新しいプロジェクトをクリックします。

cluster クラスター unity blender アバター アップロード 自作アバター

エディタバージョンを確認して、プロジェクト名を適当に付けます。
プロジェクトを作成をクリックします。

cluster クラスター unity blender アバター アップロード 自作アバター

Unityが立ち上がりました。

cluster クラスター unity blender アバター アップロード 自作アバター

uniVRMをunityにインポート

ダウンロードしたUniVRMをダブルクリックするか、もしくは、UnityのAssets > ImportPackage > CustomPackageからダウンロード’したUniVRMをImportします。

cluster クラスター unity blender アバター アップロード 自作アバター

Assetsを右クリックし、新規フォルダを作ります。適当な名前をつけます。

cluster クラスター unity blender アバター アップロード 自作アバター

先ほど作ったフォルダ内にfbxファイルとテクスチャーファイルをドラッグします。

cluster クラスター unity blender アバター アップロード 自作アバター

マテリアルの作成

AssetsのFBXを選択し、InspectorのMaterialsを選択、Extract Materialsをクリックします。
ウィンドウが出てきますが、そのままフォルダを選択してOKします。

cluster クラスター unity blender アバター アップロード 自作アバター

マテリアルが作られます。
それを選択し、ShaderをVRM > MToonにします。

cluster クラスター unity blender アバター アップロード 自作アバター

テクスチャー画像をInspectorのTextureの上下の小さい四角にドラッグします。
カラーを両方とも白にします。

cluster クラスター unity blender アバター アップロード 自作アバター

AssetsのFBXをHierarchyにドラッグします。
すると、Sceneにマテリアルが設定されたアバターが現れます。

cluster クラスター unity blender アバター アップロード 自作アバター

Humanoid Rigの設定

次は、Rigを選択します。
Animation TypeをHumanoidにしてApplyをクリックします。

cluster クラスター unity blender アバター アップロード 自作アバター

次に、Configureをクリックします。

cluster クラスター unity blender アバター アップロード 自作アバター

Avatarのボーンマッピングが現れます。
赤で表示されている部分がエラーですので、エラーがないか確認します。

cluster クラスター unity blender アバター アップロード 自作アバター

Headを選択します。
注意して確認してほしい場所があります。
高い確立で勝手にボーンが当てはめられている箇所があります。
LeftEyeRightEyeJawに勝手にボーンが当てはめられていました。
その部分を削除します。

cluster クラスター unity blender アバター アップロード 自作アバター

削除し終わりました。

ApplyとDoneをクリックします。

cluster クラスター unity blender アバター アップロード 自作アバター

揺れものを追加

このアバターには、耳、鼻、髪の毛、バーカーのフードを揺らすための専用のBoneを作っていました。これを揺らせるようにするには、VRM SpringBoneを追加します。
HierarchyのFBXを選択し、InspectorのAddCompornentからVRM SpringBoneを追加します。

cluster クラスター unity blender アバター アップロード 自作アバター

VRM Spring Boneの設定

上から、Commentには、ボーンの部位を書きます。earにしました。
Drag Gizmoのチェックを入れます。
Stiffness Forceは硬さです。
4~0まであり、数値が高いと揺れにくく、低いと揺れやすくなります。
Root Bonesに入れたいボーンの個数をいれます。
耳のボーンが両方合わせて8つあったので8を入れました。
Hierarchyからボーンを出してInspectorのRoot Bonesに当てはめます。

cluster クラスター unity blender アバター アップロード 自作アバター

SpringBoneが揺れるか確認

確認するには、真ん中上の再生ボタンを押します。

cluster クラスター unity blender アバター アップロード 自作アバター

Gameモードタブに切り替わってしまうので、Sceneタブをクリックします。

cluster クラスター unity blender アバター アップロード 自作アバター

矢印を掴んでアバターを揺らすとうまく揺れているか確認する事ができます。

cluster クラスター unity blender アバター アップロード 自作アバター

確認し終わったらもう一度再生ボタンを押すのを忘れないようにしましょう。

cluster クラスター unity blender アバター アップロード 自作アバター

同じ要領で、Add Componentで追加し、今度は鼻を揺らすためのボーンを追加していきます。

cluster クラスター unity blender アバター アップロード 自作アバター

VRMファイルの書き出し

HierarchyのFBXファイルを選択し、上のVRMメニューから、UniVRM-0.61.1 > Export humanoidでVRMを書き出します。

cluster クラスター unity blender アバター アップロード 自作アバター

エラーマークみたいなのが出てきますが、
必要なのは、Title(アバターの名前)、Version(バージョンなど適当な数字)、Author(作者の名前)です。

cluster クラスター unity blender アバター アップロード 自作アバター

入れ終わったので、Exportをクリックします。

cluster クラスター unity blender アバター アップロード 自作アバター

これで終わりではありません(汗)
先ほど書き出したVRMファイルをもう一度Unityに入れます。

vrmファイルを入れるための新規フォルダをAssetsに作成します。
名前を適当なものに変更します。
ditimottoVRMにしました。

cluster クラスター unity blender アバター アップロード 自作アバター

先ほど作ったフォルダの中に、書き出したVRMファイルをドラッグで入れます。
複数のファイルが作られました。

cluster クラスター unity blender アバター アップロード 自作アバター

今までHierarchyにあったFBXファイルはもういらないので非表示にします。
HierarchyのFBXファイルを非表示にします。
FBXを選択し、Inspectorのチェックを外します。Sceneのアバターが見えなくなりました。

cluster クラスター unity blender アバター アップロード 自作アバター

代わりにVRMファイルをHierarchyにドラッグで入れます。

cluster クラスター unity blender アバター アップロード 自作アバター

ギズモの真ん中をクリックし真横にし、FirstPersonOffsetを目の位置にします。

cluster クラスター unity blender アバター アップロード 自作アバター

リップシンク・表情の設定

「A」「I」「U」「E」「O」や「Blink」を選択し、下のパラメーターを上げて調整して表情を作ります。

clusterで使用できる表情は「Neutral」「Joy」「Angry」「Sorrow」「Fun」「Surprised」の6種類です。
標準で「Surprised」が用意されていないので、Add BlendShapeClipをクリックして「Surprised」を追加することもできます。

cluster クラスター unity blender アバター アップロード 自作アバター

リップシンクや表情を設定し終わったら、HierarchyのVRMファイルを選択しVRM > UniVRM-061.1 > Export humanoidでvrmファイルを書き出します。

これで終わりです。
お疲れ様でした!

cluster クラスター unity blender アバター アップロード 自作アバター

clusterのサイトにいきます。
右上のアイコンをクリックします。
アバターからアップロードします。

cluster クラスター unity blender アバター アップロード 自作アバター

アバターをアップロードから、書き出したVRMファイルをアップロードします。

cluster クラスター unity blender アバター アップロード 自作アバター

最後までご覧いただきありがとうございました!