見出し画像

シャオンちゃんとclusterへ行こう！

七種あきの

この記事の対象
・シャオンちゃんアバターFBXのVRM化をしたい方
・unityなんとなく触れる方
　（VRCにアバターアップロードできてれば大丈夫）
目次付けてるので必要なとこだけ見て頂いても大丈夫、なはず！

はじめに

こんばんは！
七種あきのです！
VARKSHORTSアプリがリリースされ、Twitterで連日良い感じの動画が沢山！

専用アプリを使うと1分くらいでこんな動画か簡単に作れます！
（めっちゃかわいいから見て！！）

でもVRMって？FBXならあるけど・・・変換？なんもわからん！！
って方もいらっしゃるんじゃないでしょうか？
大丈夫、なんとかできます！

今回はシャオンちゃんのFBXをVRM化してclusterへ連れて行こう！
ってとこまでの解説記事です！
最後におまけでclusterのオススメワールド紹介してます！
是非シャオンちゃんで遊びに行ってあげてください！

注意事項

この記事は素人が書いてます。
読みにくいとか間違ってるとかあるかもです。
多分あります。
（こっそり教えてください。）
バージョン等は2023年4月15日現在のものです。
それでは、はりきってまいりましょう！

準備編

先に必要なもの全部準備しましょう！

準備するものリスト（リンクはリストの後に貼っておきます）

  1. シャオンちゃん

  2. Unity

  3. UniVRM

  4. VRCDeveloperTool


1.シャオンちゃん

【PC版】オリジナル3Dモデル『Shaon』(シャオン)

とってもかわいいねこみみ女の子アバター！
はじめに　のとこで紹介した動画で登場しましたね！
（服は着替えてます）

ダウンロードするファイルは
Shaon_v1.2.0.zip
解凍後、unitypackageをインポートしておいてください。


2.Unity

この世界で何かをするとき大体使うツール。
既にお持ちかな、と思いますので詳細は省きます。
新規プロジェクト作成までお願いします。
unity verはお使いのものでも大丈夫だと思います。
今回は2019.4.31.f1を使います。

UniVRMの推奨verはこちらからご確認ください。



3.UniVRM

VRM化するツール
cluster推奨verが0.61.1なのでそれに合わせます。

UniVRM v0.61.1のダウンロードはこちらから
UniVRM-0.61.1_7c03.unitypackageage
をダウンロード、unityProjectへインポートお願いします。

cluster推奨のバージョンはこちらから確認できます。



4.VRCDeveloperTool

めっちゃ便利なツール！
機能が沢山あってまだ使いこなせてない・・・
シェイプキーの名称変更に使います。

boothのページはこちら

ダウンロード後インポートまでお願いします。

この後はUnityの作業です！！


Unity作業編！

ここまでの準備お疲れさまでした！
ここからが本番なんですけどねｗ

それじゃ、始めていきましょ！


1.準備完了後

前手順まで完了したときの画面

前手順までの作業が終わっているとこんな画面になると思います。

Unityのレイアウトはなんでもいいですが、もし同じようにされる場合
1.Unity画面右上のLayer → 2 by 3
2.Projectの三点リーダからOne Column layoutを選択
で上記写真と同じものになります。


2.FBXシャオンちゃん

FBXモデルをhierarchyへ

シャオンちゃんをScene画面に入れましょう！
ProjectのAsset → Shaon → FBX → AV3 → ShaonAV3
をhierarchyへドラッグ&ドロップ！

あんまり見たくない色になりましたが大丈夫です。
このまま進めます。

※着替えをされる方はここで行ってください。
Materialは変えても大丈夫ですが
後々変えますのでこのままでも大丈夫です！


3.Blend shapeの名前変更

ShapeKeyの名前変更

Blend shapeに同じ名前が複数使われてるとExport時にエラーになります。
なので変更します。
タブのVRCDeveloperTool → Mesh → ShapeKey Name Changer

ShapeKey Name Changer起動後

ツールのRendererにhierarchy → ShaonAV3 → Body をドラッグ＆ドロップ
左が元の名前、右が変更度の名前になります。
dummyが4個あってここがエラーの原因になります。

renameします

上から4個が名前被り(dummy)なので、適当に数字を付けて名前の被りを無くします。
名前を付けたら Change ShapeKeyName を押すとリネーム完了です。
便利ですよね、このツール！



4.Material変更

VRMでは使えるshaderに制限があります。
使用できるshaderの確認：cluster・VRM

Project内のシャオンちゃんフォルダからMaterialを開き、shaderを変更します。
Project → Shaon → Materials → AV3 → Standard_lilToon → Material5個選択

Materialを全て選択

選択した状態で、inspectorのshaderを選択、検索でMToonを探します。

shaderを変更

shaderを変更するとかわいいシャオンちゃん登場！
Materialの設定はもうちょっと！

MToonshaderに変更

詳細は省きますがこんな感じで変更します。

Materialの設定を変更


最後にiconsとskin_transの2個のMaterialを選択して、
Rendering TypeをTransparentに変更します。

Rendering TypeをTransparentに変更



5.VRM化！

VRM→UniVRM-0.61.1→Export humanoid

先ほどhierarchyへ移動させたシャオンちゃんを選択した状態で
タブのVRM → UniVRM-0.61.1 → Export humanoid

Exportの画面

この画面が出てくるので
！（赤）の3か所を入力します。
上から　Title　version　Author

必須項目を入力

入力すると右下のExportが押せるようになります。
分かりやすいところに保存してください。


6.VRM化後（一旦休憩　読み飛ばし可→7へGo！）

VRMとして書き出し終わった！お疲れ様でしたー！！！

とはいかず、まだまだ先はあります。
この章は息抜きと今後の方針をざっくりと

  1. 書き出したVRMファイルを先ほどのProjectにインポート

  2. 視点調整（First Person Offset）

  3. 表情設定（Blend Shape）

  4. Export

  5. 完了、cluster等へアップロード

今度こそこれで終わり
って流れです。
1個ずつ進めて行きます。焦らずゆっくり！



7.VRMを再インポート

4番で書き出したVRMファイルを再びUnityProjectにインポートします。
Projectは今回作業しているものでOKです！
VRMフォルダをインポートすると複数のファイルができるので、編集中フォルダ作っておくことをオススメします77。あてVRMをProjectにインポートする

ShaonAV3を非Activeにして
ProjectのPrefab（青いCubeのアイコン）をhierarchyへ移動

ProjectのPrefab（青いCubeのアイコン）をhierarchyへ移動

こんな感じになります。

シャオンちゃんかわいい

8.視点調整

一人称視点の調整

一人称視点が首元になっているので位置を調整します。
hierarchyでアバターの親の階層についている【VRM First Person】のoffsetに値を入力します。
　（参考　X：0　Y：0.05693626　Z：0.07447084）

GizmosをONにすると視点の位置を確認できます。



9.表情設定（Blendshape）

瞬きや笑顔の設定をします。

Blendshapeをクリックする。探し方は2種類・・・
・hierarchyでShaonの親を選択、inspectorのVRM Blend Shape Proxyの中になるBlend Shapeをクリックする。
・ProjectからVRM化したフォルダを選択→”アバター名”+BlendShapesのフォルダ→Blendshapeをクリックする。

Blendshapeを探す

表情やリップシンクを設定します。
・通常表情【Neutral】
・リップシンクで使う【A・I・U・E・O】
・瞬き【Blink】
・笑顔や驚きなどの表情【Joy・Angry・Sorrow・Fun・Surprised】

clusterで使用できる表情はこちら

各項目ごとに対応する表情を設定する

Select BlendShape Clipで上記の【A・I・Joy・・・等】を選択して、下の方にあるBody→調整したい項目をスライド

下の方にある画面から確認できます。

Surprisedはデフォルトではないので追加する必要があります。
Create BlendShapeClip→ファイル名を”Surprised”にして保存。
他の表情と同様に設定します。

Create BlendShapeClip
ファイル名を”Surprised”に変更して保存

瞬き（Blink）にねこみみを少しだけ持ち上げるようにしておくのオススメ

（noteに動画貼るためにツイートしてたのはナイショね！）

Blinkの項目でhair001(ねこみみ)を40くらいに



10.揺れ物設定

最後に揺れ物設定します。
髪とかしっぽ揺れるとかわいいですし、服が揺れると布の柔らかい感じが出るのでオススメ！
この記事では髪としっぽを揺らします。加減はお好みで！
シャオンちゃんのスカートは足の動きに合わせて動くので設定しなくても良い感じです！

hierarchyのシャオンちゃん → secondaryを選択
Add ComponentからVRM Spring Boneを追加します。
（secondaryには最初から1つ付いてますのでこれも利用できます。）

secondaryにVRM Spring Boneを追加

hierarchyのシャオンちゃん → Armature → Hips → Tail_001を
secondaryのRoot Bonesにドラッグ＆ドロップ
（Sizeに数を入れてElementに1つずつ入れても大丈夫）

しっぽを揺らす1

必要に応じて値を調整します。
私の場合はこんな感じ

しっぽを揺らす2

次は髪の毛！
secondaryの下のAdd ComponentでVRM Spring Boneを追加
先ほどと同様に
hierarchyのシャオンちゃん → Armature → Hips → Spine → Chest → Neck → Head → Hairs で揺らしたい髪を選択、Root Bonesにドラッグ＆ドロップ

髪の毛を揺らす1

わたしの設定値はこんな感じ
これもお好みで・・・

髪の毛を揺らす2



11.Export

5.VRM化の時と同じ手順でVRMでExportします。
hierarchyでシャオンちゃんを選択、
VRM → UniVRM-0.61.1 → Export humanoidをクリック

VRM → UniVRM-0.61.1 → Export humanoid

Title・Version・Authorを入力してExport！
（おそらく既に入力されてると思うので、そのままでも大丈夫です。）

Export！

あとは書き出したVRMをclusterにアップするなり、VARKのアプリに入れるなりです！

これにて完了！
お疲れ様でした！！！！


おまけ

clusterにアバターアップロードしたけど、どこに行こう？
そんなあなたにオススメワールド紹介します。

小小的海底世界

かっこいいサムネなこのワールド
バー、サウナ、お風呂、寝室、他ワールドへのポータル、イベントにも使えるピアノホール、なんでもそろってます。
なんと、かわいいシャオンちゃんがお迎えしてくれるかも？


小小的世界　桜

電車を降りるときれいな夜空とライトアップされた桜がきれいなワールド！
ここでピアノライブが行われたことも！

こちらのワールドにもシャオンちゃんが現れるとか現れないとか・・・？

雨の箱庭 v1.3

”CUBEの中の世界再び再び”の企画で作られたワールド
狭いワールドですが、その分魅力を凝縮されてます。
構造物に当たる光の白さと影が作る黒、空の青さがとてもきれいです。
地下階もあり、階段やエレベーターで移動できます。
まったりとしたBGMが流れ、作業部屋にも最適です！
変わりやすい天気にご注意くださいｗ

CUBEの中の世界再び再び　とは・・・
clusterお題企画であった”CUBEの中の世界”のユーザーイベントの続編
縦横高さ10m以内のワールドを作るコンテスト企画です。

雨の箱庭は
・ビューティフル賞（Beautiful） ・総合大賞unity部門2位
を受賞してます。


CubeLabyrinthβ

空から差し込む光がきれいなワールド
各部屋の壁にある穴を進むと次の部屋に行けたり行けなかったり・・・
見た目はシンプルな作りですが、初見ではほぼ迷うでしょう。。。
ピアノの部屋と夕日の部屋があります。
無事辿り着けるといいですね！

ハロクラのみんなで行ってみたで採用されました！

ワールド名にβって付いてるのは、これをベースに強化バージョンを作る予定があったから、らしいです。ナイショですよ？


ミチ×カケル

ClusterGAMEJAM 2022 Spring お題『かける』応募ように作られたワールド
まったりした音楽と世界観で、ごはんに乗ってゴールを目指すゲームです。
一度通ると道が欠けていき、途中落ちてるオカズに触れると加速する、カオスさもあります。
友達と競うもよし！タイムアタックをするもよし！


この記事が気に入ったらサポートをしてみませんか？