VRChatに超適当なアバターを登録する

# はじめに

VRChatのアバターをオリジナルのものにしたいので、宙に浮く立方体を作りました！

![27_Unity.png](https://qiita-image-store.s3.amazonaws.com/0/221845/67e671d8-b904-514d-efda-133dad3d5758.png)

# 本記事のターゲット

VRChatで遊んだことはあるけど、Unityには触ったことがない人を対象にしています。VRChatのアカウントは持っているものとして進めます。

# Unityをインストールする

まず、Unityをインストールします。別の記事にまとめましたので、そちらを参考にしてください。
[VRChatのためにUnity5.6.3p1をインストールする](https://qiita.com/segur/items/f448627adc1a0a9c096c)

#### 2019年1月6日 追記: Unityのバージョンについて
2018年12月時点で、VRChat SDKの動作環境は、**Unity 2017.4.15f1**になりました。上記の記事に従って、Unity 5.6.3p1をインストールしたとしても、**VRChat SDKの最新機能に対応できない可能性があります**ので、ご注意ください。

念のため、Unity 2017.4.15f1にて、本記事に記載したアバター登録作業を行い、問題なく登録できることを確認いたしましたので、ご報告いたします。

# Unityプロジェクトを作る

<img width="751" alt="06_Unity.png" src="https://qiita-image-store.s3.amazonaws.com/0/221845/9ce22085-9872-0c39-90fc-d0f4ceffada6.png">

Unityを起動すると、こんな感じの画面になります。右上のNEWをクリックします。

<img width="751" alt="07_Unity.png" src="https://qiita-image-store.s3.amazonaws.com/0/221845/03ff7019-920f-4757-d6ca-1ad089ca110a.png">

こんな画面になります。
**Project name**は**VRChatPractice**とでもしておきます。
フォルダはどこでもよいです。私は`D:\Unity\VRChatPractice`としました。
他の設定はそのままで、**Create project**をクリックします。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/221845/668ae34b-ce93-23c4-9267-3d79524f6937.png)

起動するとこんな画面になります。
もしかしたら、ウィンドウの配置が微妙に違うかもしれません。
このUnityは開いたままにしてください。

# VRChat SDKを導入する
https://www.vrchat.net/home#
こちらを開き、SDKボタンからUnityPackageをダウンロードします。

![08_Unity.png](https://qiita-image-store.s3.amazonaws.com/0/221845/b6b00f03-b157-01b3-9672-191b5b3a96cf.png)

ダウンロードができたら、UnityPackageファイルをダブルクリックします。

<img width="263" alt="07_VRChat.png" src="https://qiita-image-store.s3.amazonaws.com/0/221845/c35e3475-fd12-71f4-b2ec-b8e8214f0002.png">

こんなダイアログが出たら、そのまま**Import**をクリックします。
SDKのインストールが始まります。これには数分かかります。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/221845/15f3a2e0-5ef1-46e2-964b-768e9696467f.png)

インストールが終わると、こんな感じです。色々と増えています。

![09_Unity.png](https://qiita-image-store.s3.amazonaws.com/0/221845/a50603e5-2f4f-2d51-9c58-c673247a1a32.png)

メニューバーに**VRChat SDK**という項目が増えています。その中の**Settings**をクリックします。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/221845/7ab8be68-455f-91b7-23d7-55bb0793630e.png)

こんなダイアログが開きます。Unityのバージョンが5.6.3p1でないと、この画面で怒られるようです。
VRChatのユーザー名（メールアドレスも可）とパスワードを入力して、**Sign In**ボタンをクリックします。これでログインします。
ちなみに、**Sign up**というのは新規登録の意味です。

![10_Unity.png](https://qiita-image-store.s3.amazonaws.com/0/221845/b40c8ef6-4910-0533-9962-82b9218c9071.png)

ログインに成功すると、こんな画面になります。右上の×で閉じてよいです。

# シーンを作成する

![11_Unity.png](https://qiita-image-store.s3.amazonaws.com/0/221845/e58cbc0e-e604-5404-4452-cca729d30d2b.png)

**Project**タブに**Assets**というフォルダがあるので右クリックします。
図のようなコンテキストが表示されるので、**Create**→**Scene**とクリックします。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/221845/97a0f871-befe-9457-1811-9f6061734f5b.png)

すると、新しいファイルが生成されます。
ファイル名は**VRChatPractice**とでも入力してください。（何でもよいです。）
このファイルはシーンファイルと呼ばれるもので、Unityの作業内容を保存するファイル形式です。

![12_Unity.png](https://qiita-image-store.s3.amazonaws.com/0/221845/60414978-6d0b-51d6-0113-6e00ba9caaf0.png)

シーンファイルをダブルクリックしてください。**Hierarchy**（ヒエラルキー）というタブのシーン名が変化します。
もし、シーン名がシーンファイルの名前と一致していなければ、正しく開けていないので、もう一度ダブルクリックしてください。
シーンファイルが開けたら、以後、Ctrl+Sで作業内容を保存できるようになります。

# オブジェクトを作成する

![19_Unity.png](https://qiita-image-store.s3.amazonaws.com/0/221845/d12df894-5a9b-9a7d-cf54-df2352e221f5.png)

メニューバーから**GameObject**→**Create Empty**をクリックしてください。

![20_Unity.png](https://qiita-image-store.s3.amazonaws.com/0/221845/8f6955aa-4484-4fb4-77f9-bfd8db387358.png)

**Hierarchy**タブに**GameObject**というものが増えています。
この**GameObject**をクリックしてから、**Inspector**タブをクリックしてください。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/221845/130ac76c-bae0-5d94-2dda-1f044496a702.png)

**Transform**というものが表示されますので、**Position**の**X**, **Y**, **Z**がすべて0になっていることを確認してください。これらが0になっていないと位置ずれが発生してしまいます。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/221845/b2fd07b9-5958-0d15-60f3-0487d855c1d0.png)

メニューバーから**GameObject**→**3D Object**→**Cube**をクリックしてください。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/221845/9ed7e9e5-d44c-280c-47ac-8e36fa5248ab.png)

**Scene**タブに立方体が生成されます。**Hierarchy**タブにも**Cube**というものが増えています。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/221845/2627c2af-1e9c-74b2-514c-465ab8265f47.png)

**Hierarchy**タブの**Cube**をドラッグして、**GameObject**にドロップしてください。

ドラッグ＆ドロップによって、**Cube**が**GameObject**の配下になります。実はこの立方体、原点(0,0,0)を中心としているため、地面に埋まっています。位置を少し上げたいので、その作業をこれからします。

![21_Unity.png](https://qiita-image-store.s3.amazonaws.com/0/221845/e8c415bb-cac3-21bf-19f3-0e8083ea96a7.png)

**Hierarchy**タブの**Cube**をクリックすると、**Transform**タブの内容がCubeのものになります。**Position**の**Y**を1.5に変更してください。これによって、立方体が宙に浮きます。
ちなみにUnityでの長さの単位はメートルです。今回の場合、地面から1.5mの高さに立方体が浮いていることになります。

# オブジェクトにアバター機能を付ける

![22_Unity.png](https://qiita-image-store.s3.amazonaws.com/0/221845/8fd2a953-8439-b83b-4d89-f0020981a6c1.png)

**Hierarchy**の**GameObject**を選択し直して、メニューバーから**Component**→**Add**をクリックします。

<img width="173" alt="16_VRChat.png" src="https://qiita-image-store.s3.amazonaws.com/0/221845/2e1c7806-a014-3170-daea-50cd179797ba.png">

こんなダイアログが表示されるので、虫眼鏡の横にvrcと入力します。すると、**Search**の下にいくつかC#ファイルが表示されるので、**VRC_Avatar Descriptor**をクリックしてください。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/221845/1e945198-b782-6f3f-7fe0-28f2d9b80a17.png)

**Inspector**に**VRC_Avatar Descriptor**が追加されたことを確認します。見当たらなければ、**Inspector**をスクロールすると見つかるかもしれません。
**VRC_Avatar Descriptor**で**Male**となっているのはアバターが男性という意味です。もし、女性という設定にしたいのであれば、**Female**に変更してください。（立方体に性別があるのかわかりませんが）

**View Position**というのは、視点の位置です。今回は特に変更しません。

以上で、超適当なアバターは完成です（！？）
次にアップロードします。

# アバターをアップロードする

![23_Unity.png](https://qiita-image-store.s3.amazonaws.com/0/221845/13417a15-cbdc-a7a2-cef6-1df2dee1f65a.png)

メニューバーから**VRChat SDK**→**Show Build Control Panel**をクリックします。

![24_Unity.png](https://qiita-image-store.s3.amazonaws.com/0/221845/7572711a-5e46-a66c-3989-3136f82fdcf3.png)

こんなダイアログが表示されます。**Build & Publish**をクリックします。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/221845/5332715c-5b3c-c515-132b-1e5699def333.png)

少し待つとこんな風に**Game**タブが変化します。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/221845/c5fc8189-0ee4-fcc4-6228-71294384e1fe.png)

こんな風にアバターの情報を設定してみました。

- Avatar Name はアバターの名前です。
- Descriptionはアバターの説明文です。

一番下にあるチェックボックスは、モデルをアップロードする権利があるかどうかという問いです。今回の立方体は自分で作成したモデルなので、問題なくチェックを入れられます。

最後に**Upload**をクリックすれば、アップロードが開始します。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/221845/db296bd0-f4ec-4a9b-743d-3ff931a01dc5.png)

こんなダイアログが表示されれば成功です。

![25_Unity.png](https://qiita-image-store.s3.amazonaws.com/0/221845/de227bc0-a588-a48d-6728-e41968a24791.png)

VRChatにログインするとメニューの**AVATAR**の**Personal**にアップロードしたアバターが追加されています。画像ではCubeというのが２つありますが、片方は練習で作成したものです。このスライド通りにやった場合、Cubeが１つだけ追加されます。

# おわりに

以上で作業は完了です！おつかれさまでした。
超適当なアバターはいかがでしたでしょうか？

ちなみに私は**segur（せぎゅ）**と申します。

もしPublicルーム等で見かけたら、ぜひお声かけください。

それでは、よいVRChatライフを！