VRChatにlilEditorToolboxでエディターを快適に

## ⭐️導入

### ☂️lilEditorToolbox インストール

https://lilxyzw.github.io/lilEditorToolbox/

![スクリーンショット 2025-04-28 16.22.50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/e37a6072-c663-4ea0-9023-3eb9674c24ad.png)

![スクリーンショット 2025-04-28 18.11.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/88e314cb-bcbf-4d68-b2c7-0ef8cabf1848.png)


## ⭐️参考

https://vrnavi.jp/lileditortoolbox/

https://lilxyzw.github.io/lilEditorToolbox/ja_JP/docs/

https://qiita.com/YukiLulu0229/items/4ab970a11571a0291462

## ⭐️できること

### ☂️設定

### ☂️不足アセット特定ツール

### ☂️PlayModeでの変更を保存

### ☂️Scene View拡張

### ☂️EditorWindow
- Unity関連フォルダを開くツール
- 任意のObjectをjson形式で確認＆編集するツール
- Missing参照発見ツール
- オブジェクト参照を何でも一括置き換えツール
- Scene Viewの高解像度キャプチャツール
- シェーダー本体のキーワード確認ツール
- 拡張Inspector
- テクスチャチャンネルパッキングツール
- Transform初期化・コピーツール

### ☂️Components
- CameraMover
- CustomLightmapping
- ObjectMarker
- SceneMSAA


- オフジェクトのオン/オフ：Hierarchyにチェックボックスを追加
= 背景色を交互にする：Hierarchyを見やすくする
- 子のコンポーネント：子のオブジェクトにあるコンポーネントの確認
- コンポーネント：コンポーネントの確認・オン/オフの切り替え
- EditorOnlyラベル：一目でEditorOnlyがわかる
- ヒエラルキーの線：オブジェクトの階層が見やすくなる
- LayerとTag：Hierarckyにレイヤーとタグを表示します
- オブジェクトに色を付ける：Hierarckyのオブジェクトに色を付けます

### ☂️参考

https://vrnavi.jp/lileditortoolbox/

https://lilxyzw.github.io/lilEditorToolbox/ja_JP/docs/

## ⭐️おすすめの設定

::: note warn
個人的にやっている設定
:::

https://qiita.com/YukiLulu0229/items/4ab970a11571a0291462

- このパッケージも併用したいのでここをオフにしておく

![スクリーンショット 2025-06-19 1.16.37.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/8697b892-68ac-4945-b591-1700bf246498.png)


## ⭐️設定画面からできること

Unityの設定画面を開くとlilEditorToolboxが追加されている

### ☂️オブジェクトのオンオフ

![スクリーンショット 2025-04-28 16.31.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/b3f32673-d7bf-438c-a51e-cacf530f97eb.png)

右側のオブジェクトのオンオフのチェックボックスにチェックを入れると左側の画面にオブジェクトの表示を分けられるチェックボックスが表示される. そこからオンオフができるようにな

### ☂️背景色を交互にする

![スクリーンショット 2025-04-28 16.36.09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/9a0c51b3-8b82-4cd1-ad29-5a2fc5599d03.png)

- ヒエラルキーはデフォルトで交互になる
- プロジェクトウィンドウの拡張は任意でチェックする必要がある

### ☂️子のコンポーネントマークをつける

![スクリーンショット 2025-04-28 16.38.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/f31ee351-6a20-4c5d-be7c-3195aceed1b5.png)

![スクリーンショット 2025-04-28 16.38.39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/a42a4237-d0fe-48da-aa57-3356ce2f0e96.png)

- オブジェクトの右側にアイコンが現れる
- デフォルトでオンになっている

### ☂️コンポーネント

![スクリーンショット 2025-04-28 16.40.14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/93914cf2-ea44-4ab1-8e2b-b6d15006884d.png)

- オブジェクトの右側にアイコンが現れる
- デフォルトでオンになっている

### ☂️EditorOnlyラベル

![スクリーンショット 2025-04-28 16.43.10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/1723cc6a-7cbf-495b-ae8e-fd6bcd75fdc0.png)

![スクリーンショット 2025-04-28 16.43.17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/12db6e3f-6969-4356-8795-0f404dc84af2.png)
見にくいが左側のEのマーク

- 編集のみを表示できる? 逆に言えばreadOnlyがわかるって認識いい?
- デフォルトで表示されるようになっている

### ☂️ヒエラルキーの線(Tree状に表示)

![スクリーンショット 2025-04-28 16.45.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/8d1caed2-d275-4080-84e6-6640a6f0c594.png)
![スクリーンショット 2025-04-28 16.45.32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/c35200e8-dcd0-43ed-ae45-51694058947b.png)

- デフォルトでチェックが入っている
- 左側のツリー状の表示

### ☂️LayerとTag

![スクリーンショット 2025-04-28 16.48.00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/5d22ac4a-8d20-43d5-9467-7b18540b8086.png)


![スクリーンショット 2025-04-28 16.48.10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/e8a339d7-2ee3-486c-bcfe-095b77f0d2aa.png)

- デフォルトでチェックが入っている
- 左側のdefaultなど 多分タグ付けや初期から入っているものを見分けるためのツール


### ☂️unitypackageインポート時にPackages配下のアセットの上書きを防止

![スクリーンショット 2025-04-28 18.08.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/582e99e5-d7e3-4ce3-9532-c3ffd2623205.png)

- 衣装を追加時に上書きされて事故が起きないようにする
- デフォルトでチェックが入っている

## ⭐️ヒエラルキーの中でできること

:::note warn
使ってないオブジェクトには指定しないこと.optimaizerが反応することがあるので
:::

### ☂️オブジェクトに色を付ける

![スクリーンショット 2025-04-28 16.52.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/42da201e-66ca-4819-8496-50e825b95e69.png)

- コンポーネントを追加でmarkと検索をかけて見つける


![スクリーンショット 2025-04-28 16.53.32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/27f8342a-aae5-47ca-95ac-3d38fa2ca4f0.png)

- 色を選択する


![スクリーンショット 2025-04-28 16.57.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/b3b56772-1068-4c1b-bedb-8d518f820543.png)

色の指定(カラーコード)と色に法則性をもたせる

例 色付けのパターン
- FFF000(身体)
- FF00FF(顔)
- 126126(服の簡易なグループ分け)

例 色が目立ってわかりやすいカラーコード
- FFF000(黄色) = 16進数のはじめと終わり
- FF00FF(紫) = 16進数 はじめ 終わり はじめ
- 126126(緑) = 2の定数126と126
- 256256

### ☂️インスペクターのタブ追加

![スクリーンショット 2025-04-28 18.05.15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/3415ceef-d5cf-495c-b861-4bdd3a519489.png)

- プラスボタンでタブを追加

![スクリーンショット 2025-04-28 18.05.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/610706/4ae307b2-7d7d-4690-ba17-f7f00bf5fa95.png)

- タブの部分が増えている