VRoid(0.12.1)で作られたモデルを、clusterへアバターとして登録する手順

![SS02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/58c484c1-76a3-5116-9151-7f9f4c874403.png)

# この記事が参考になる方
- VRoidでモデルを作ったので、さっそくclusterへアバター登録したい方
- (BlenderとかUnityとか気になるけれど、)とりあえずVRoidのモデルをclusterへアバター登録したい方
- 前提として、VRoidStudioをある程度使っている状態のもと、当記事を作成しています。

# この記事でできること
- VRoidのモデルを、clusterの制約におさまるデータで、clusterへアバター登録ができるようになります。

# 記事執筆時の各環境
- VRoidStudio(0.12.1)
- VRoidStudioのダウンロードやニュースは**[こちら](https://vroid.com/studio)**から

---

# 本編
## はじめに
- VRoid0.9.0がリリースされて、ポリゴン削減機能が追加されました。
- この記事は、当時「やってみた」の記事を、2021年1月時点の最新版として更新(書き直し)したものです。
- VRoidのモデルデータをclusterのアバターとしてアップロードする際、「VRM形式」のデータのやりとりがあります。
- この記事ではVRMファイルについて触れませんが、どういう手順で「VRM形式」のデータが作られてアバターになるか興味がある方は、**「[VRMファイルを作ってみたい](https://vrm.dev/how_to_make_vrm/)」**(外部サイト)を一度ご覧ください。

## clusterで使用するアバターの制約について
- clusterで自分のアバター(カスタムアバターと表現されています)を使用する場合、clusterではいくつかの制約があります。
- 当記事内で、各制約のBeforeAfterをスクショとして載せます。
- 詳しくは、cluster公式ホームページ内の**「[カスタムアバターの制限](https://clusterhelp.zendesk.com/hc/ja/articles/360029465811-%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E3%82%A2%E3%83%90%E3%82%BF%E3%83%BC%E3%81%AE%E5%88%B6%E9%99%90)」**をご覧ください。

## VRoidStudio編

### 「撮影・エクスポート」タブを見よう
- 今回は、サンプルモデルのvitaを使用しています。
- 下図の通り、「撮影・エクスポート」タブを選択して、「エクスポート」を選択します。
![a01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/6c68a636-2520-3134-474e-3a980452dcf1.png)

### モデルの情報と、clusterのカスタムアバターの制約
- 下図が、VRoidStudioのモデルの情報となります。この情報(数値)を、clusterの制約におさめていきます。
![a03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/3598918f-270d-3db9-0b6f-0a7d976d9002.png)

- 下図が、clusterのカスタムアバターの制約の一部抜粋となるスクショです。
![a02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/2587366c-0b11-b8e5-8a52-c4c8f117cc3d.png)
![a04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/284b5b5a-ce32-e18a-e1f2-6c15ccb198a7.png)

- このように、
    - **ポリゴン数が32000以下**
    - **マテリアル数が8以下**
    - **ボーン数が128以下**
- 上記情報が、制約としておさまっていれば、アバターとしてclusterに登録することが可能です。
- サンプルモデルであるvitaの場合は、
    - **ポリゴン数が26138** 問題なし
    - **マテリアル数が16** *減らす必要あり*
    - **ボーン数が153** *減らす必要あり*
- となります。

### ①ポリゴン数を削減しよう
- サンプルモデルのvitaは減らす必要はありませんが、一応減らしておきましょう。
- 下図のように、「ポリゴンの削減」を選択して展開します。
![a05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/b44edd06-defd-c4a2-4532-7db55bb81452.png)
- 下図のように、
    - 「髪の断面形状を変更する」
    - 「透明メッシュを削除する」
- にチェックを入れます。
- ポリゴン数が、**26138から18133**へ減りました。
![a06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/88e54917-8f10-93f0-fee2-a8c52f10f4e3.png)


### ②マテリアル数を削減しよう
- 下図のように、「マテリアルの削減」を選択して展開します。

![a07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/e9c8cdc5-55e7-309d-4f94-3ebbb154fa6a.png)

- 下図のように、「マテリアル数」の「削減しない」を展開すると、2,8,12を選ぶことができます。
- 少ない数字ほどマテリアル数を減らすことができるので、今回は2を選択します。

![a08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/d98664fd-a877-d4ce-17da-5559a6fedee3.png)

- また、下図のように、「テクスチャアトラス解像度」は、2048x2048を選択します。

![a17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/b6de707c-556c-03ee-42f4-4ce02130a24d.png)

- 下図のように、マテリアル数が、**16から2**へ減りました。

![a09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/217f6f45-777e-bcea-cd2c-11ef3fc5bc87.png)

### ③ボーン数を削減しよう
- VRoidStudioのモデルは、髪の一房ごとにボーンが入っていると思ってください。
- そのため、VRoidStudioにおいて、ボーン数を減らす場合は、髪をいじるのが手っ取り早いです。
- 下図のように、「髪型編集」タブを選択して、「揺れもの」タブを選択して、「ボーンの自動生成」に注目します。

![a10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/696f9511-3f8a-6003-09c8-223be5a892d5.png)

- 下図のように、「ボーングループ数」を、半分の7に減らしました。
- その後、「ボーングループを自動生成」を選択します。

![a11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/b28175b6-0c8f-a304-909b-04509b3bf481.png)

- 下図のように、「ボーン数」が**153から122**へ減りました。
- これで、clusterのカスタムアバターの制約を満たしたことになります。

![a12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/79710990-49fb-7af3-5e2a-44bbdf25b7db.png)


### エクスポートしよう
- 下図のように、「撮影・エクスポート」タブの中にある、「エクスポート」を選択します。

![a13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/bdd5d905-a4e6-e39a-690f-b6ed838f6e95.png)

- 下図のように、アバターの情報を記載するウィンドウが表示されます。

![a14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/009bc356-120d-4672-d504-c004e0af55b6.png)

- 下図のように、自分のアバターなので適切に記入しましょう。
- 特に、「暴力表現」「性的表現」「商用利用」「ライセンスタイプ」については、自分のアバターを他のツールで使用する際にも関係してくるので、**よくわからない場合はチェックを外して、再配布禁止にして、自分だけが使えるアバターにしましょう。**
- 記入を終えたら、「OK」を選択します。
- その後、任意の場所へ保存します。

![a15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/942b40df-13da-276b-7a3c-6896bb926a8c.png)
![a16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/8dd2dfe8-ea8b-1028-4e3f-f6ae7ac6431e.png)


## cluster編
- アカウントが作成されている前提で話を進めます。

### アップロードしよう
- 下図のように、アカウントのメニュー内の「アバター」を選択します。

![b01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/ddf8bb57-fbff-df63-5bf0-ac2f74fd4d5a.png)

- 下図のように、アバターの画面が表示されるので、「アバターをアップロード」を選択します。
- VRoidStudioでエクスポートしたファイルを選択します。

![b02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/331608da-bc06-e26e-eb9f-a3f5de4e8b3c.png)

- 下図のように、アバターアップロードの画面が表示されるので、「アップロード」を選択します。

![b03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/1d723710-6c3c-f381-0e89-318b2405c99b.png)

- 下図のように、アップロードが成功すると、アバター一覧に追加されます。
- それでは、いよいよワールドへ遊びに行きましょう!!

![b04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/37d4da6e-b2cc-e122-e1b9-b160d362a6da.png)


### ワールドへ遊びに行こう
- アカウントが作成されている前提で話を進めます。
- 下図のように、たとえば「初心者におすすめ」のワールドの中から、興味があるワールドを選択します。

![c01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/1a2833b1-85bf-4eb0-9a8e-d7a9e4fe7921.png)

- 下図のように、ワールドを選択後、「遊びに行く」を選択します。

![c02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/bdcc5825-8481-e70b-75d6-8b479e83d1f0.png)

- 下図のように、「ワールド・イベントへ入室する」のページが表示されます。
- clusterアプリをお持ちの方は「clusterを起動する」を選択します。
- まだインストールしていない方は、ページ下部のダウンロードを選択します。

![c03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/48dc70db-332c-d827-1808-2fbffdbfb22c.png)

- もし、下図のようなメッセージが表示された場合、最新版にアップデートしてください。

![c04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/dc40d521-1e0e-4a94-304d-a81ce08748fb.png)

- 下図のように、アバターを選択して、「OK」を選択します。

![c05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/23dbc940-cae9-68bf-0786-f5228dc98c67.png)

- ワールドへ参加することができました。**ようこそ、clusterへ!!**

![c06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/495d363d-b11b-48d1-7221-72890daa9b4b.png)

- ちなみに「GAME WORLD CENTER」の階段裏には、2020年の夏に作成した自分のワールドがあります(宣伝)

![c07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/0f2d8453-657b-ac79-3908-b2d6e916f5f4.png)

---

それでは、より良いclusterライフをお送りください。