[VRChat] 改変などの環境構築と購入したアバターの初期アップロード

## ⭐️アプリの準備

### ☂️UnityHub

https://unity.com/ja

- ここでダウンロード

### ☂️Unity

UnityHubをダウンロードするとUnityもダウンロードできるようになる

#### バージョンを指定してインストール

https://creators.vrchat.com/sdk/upgrade/current-unity-version/

ここで対応しているUnityのバージョンを調べてインストール

#### 加えるモジュールを選択する

![スクリーンショット 2025-04-30 6.50.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/720e0855-0bd8-4302-af06-b7fe7e67b8fd.png)

これらと日本語をダウンロードすればよいと思う

### ☂️Alcom(Mac)

パッケージマネージャー的な

https://vrc-get.anatawa12.com/ja/alcom/

Macはこっち

### ☂️VCC(windows)

自分はmacなのでこちらはわからない

パッケージマネージャー的な

https://vrc-get.anatawa12.com/ja/alcom/

### ☂️Plastic SCM

バーンジョンを管理するツール
Gitなどの知識がないなら入れないようにする

![スクリーンショット 2025-04-30 6.54.33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/290e463a-0ead-4049-99ab-aa368aaa4ee6.png)

Unity cloudのDevOpsの左下にあるダウンロードから
見つかりにくい場所にあるので注意

## ⭐️プロジェクトの作成

UnityHubでプロジェクトを作成

![スクリーンショット 2025-04-30 6.56.39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/2fa18b2b-e6c8-43d8-88ec-3487ac4de278.png)

- UnityHubでNew Project

![スクリーンショット 2025-04-30 6.57.41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/efcf6cdf-e7f9-46e8-95d1-ed15a708eabe.png)

画像の箇所を選択
プロジェクト名を入力(←これが親のフォルダ名になるのでフォルダを作成しなくいい)

![スクリーンショット 2025-04-30 6.59.17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/c3774247-7ab0-4d15-b018-bf77160e7077.png)

バージョンをコントロールするの両方ともにチェックを入れる

## ⭐️Unityでアバターを入れる

![スクリーンショット 2025-04-30 7.02.56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/f4d7d6fe-d96a-443f-9990-da794a2da72c.png)

フォルダーを開いて拡張子がunitypackageをクリックすれば自動的に入って行く

![スクリーンショット 2025-04-30 7.04.26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/bca4f0c4-a281-4b6f-841a-d9272cbe239d.png)

assetsを開いてprefabにあるアバターをドラッグ・アンド・ドロップで移動する

![スクリーンショット 2025-04-30 7.06.17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/1f49c6f1-ffc9-4c53-9d98-086692c48b72.png)

ここのヒエラルキーに入れる

:::note warn
着せ替えやAndroidのやつは別でやるので注意する
:::

:::note warn
この状態だとピンク色に表示されてると思うので注意が必要
:::


## ⭐️ここまでをバージョンをコントロールで管理する

### ☂️バージョンの管理の構成を作る

https://qiita.com/tatane616/items/aec00cdc1b659761cf88

GitHub Flowのように管理する

![スクリーンショット 2025-04-30 7.10.59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/87bc2f9d-0e1c-46e4-944a-38486d93fe2c.png)

- 先にmainブランチからdevとreleaseを作って置く

- 手順ははdevで子ブランチを切る → 作業 → 完了したらdevにマージ → deevからリリースブランチにマージ → リリースブランチからmainのブランチにマージのやり方でやっていくことにする

- タグ付けなどもしたほうがいい


### ☂️バージョンの管理をやってみる

![スクリーンショット 2025-04-30 7.07.43.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/bea75ec1-f49c-4506-bd6f-5534de8aa09e.png)

ここに変更点が入力されるのでテキストボックスになにをやったかを書いてチェックインを押す

これでpush状態になる

## ⭐️モジュールを実際に使う

プロジェクトを読み込む

管理を開く

![スクリーンショット 2025-04-30 7.20.34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/05b613f4-3401-4534-8c74-bb3e81ddf826.png)

この3つを選択して使えるようにする

![スクリーンショット 2025-04-30 7.22.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/18547e9e-4171-4df0-982d-e088c1b0a9cd.png)

この段階で表示されるようになっていればOK

## ⭐️アップロード

![スクリーンショット 2025-04-30 7.27.15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/b59e2312-ff5d-4a75-b662-6a8fc190bce6.png)

ログイン

### ☂️サムネイル作る

![スクリーンショット 2025-04-30 7.30.31.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/0db10fc9-7503-4772-aac7-7db1169e8dc3.png)

左側のタブのメインカメラをクリックして右側のタブの数値をこれくらいに設定する(キプフェルの場合)

![スクリーンショット 2025-04-30 7.31.34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/2ce12c93-56aa-4212-96a7-d1709a7b5f5e.png)

右下をサムネに使う

### ☂️まずtest & buildする

アバターを選択して名前を付けて

![スクリーンショット 2025-04-30 7.33.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/3a782fab-5ed6-4f2f-9cda-704f7eb6f596.png)

sceneを選択して画像のようにチェックボックスを入れてnoneとなっている場所に左タブのメインカメラをドラッグ・アンド・ドロップする

![スクリーンショット 2025-04-30 7.35.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/8ab9024a-29d0-4172-ab0b-91b9094c4905.png)

画像の構成になるようにする

エラーが出なければ完了

### ☂️サーバーにアップロードする

![スクリーンショット 2025-04-30 7.36.52.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/0e5c889d-789f-4065-a9ce-002b9d4c2093.png)

画像の構成に変えて ボタンを押す