VCIの発光について前編：光りをUnityで確認する方法

※この記事は、[VCI Advent Calendar 2020][] の3日目の記事です。

自分最近よく使うVCIの発光の付け方を紹介します！
前編は Unity の編集画面をバーチャルキャストのように発光を確認できる設定方法です
# 事前準備
## VCIの基本制作について学ぶ
以下の公式wikiの文章を参考して下さい、VCIScript はいらないです
> [バーチャルキャスト公式Wiki：初めてVCIを作成する][]

# バーチャルキャストの光り方をUnityで確認する設定
以下の手順で設定すれば、Unityで発光を確認できる
## プロジェクト設定
先ずメニューの Edit > Project Settings... からプロジェクト設定開きます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542363/59dfde48-045f-8bb5-7cfe-cd258e28c402.png)
画面左側の Player をクリックして、右側下の Other Setting の中に Color Space があり、デフォルトは'Gamma'なので'Linear'に変更
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542363/ae3ed27d-b037-dc85-10d1-ca8a1e24d1b7.png)
## Post Processing を導入
次はメニューの Window > Package Manager をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542363/9c389898-b4e3-92d6-a6e0-c63d2325e1f3.png)
下の画面左側 Post Processing をクリック(項目の表示は若干時間かかります)、そして右下の Install を押す、ボタンが Up to date に変わったらインストール完了です
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542363/0b2b7c5f-c6e4-45eb-a24f-03d10e08aa9e.png)
## ライト設定
Hierarchy の Directional Light をクリックした後 Inspector の Color をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542363/3ceb4198-2790-cfe7-d757-0c8387175aae.png)
Colorの設定ウィンドウが表示されるので白に設定
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542363/5e65c8b3-5ab5-7254-6c86-01d97c4446df.png)
## バーチャルキャストの Post Processing 設定を導入
[uniVCIのダウンロードページ][]から RenderingServicePostProcessingProfile.asset をダウンロード(最新バージョンでいい)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542363/2c9dda52-a976-c4d5-5514-e695755fbfd6.png)
ダウンロードした RenderingServicePostProcessingProfile.asset を Unity の Project にドラッグ&ドロップ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542363/0d66c4e2-bbad-2657-25e8-d10abdddd586.png)
Hierarchy の Main Camera をクリック、Inspector の Layer の中の Add Layer... を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542363/8c74d693-e58d-c98b-88a8-34d15f6a5f0c.png)
User Layer 8 に PostProcess を入力
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542363/b485fce1-1327-5dba-5240-86a1854e9e6e.png)
Main Camera の Inspector に戻って Layer を PostProcess に設定
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542363/84d7bfce-a2b7-ddac-f355-02033f3d8e04.png)
Inspector の下の Add Component から Post-process Layer を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542363/f8988ca3-48e1-b898-0bcc-a34cf20de43b.png)
Post-process Layer の Layer を PostProcess に設定
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542363/baa29ef0-78ce-ac55-6c58-a49a19ecd720.png)
そしてもう一度 Add Component をクリック、今度は Post-process Volume を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542363/1ea390ef-0cbf-4fe2-e156-6b5913cf7a2b.png)
Project の中の RenderingServicePostProcessingProfile を Post-process Volume の Profile にドラッグ&ドロップ、そして Post-process Volume の Is Global をチェック入れる 
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542363/edb96487-5ec4-ec87-f64c-1b38eda4a37a.png)
これで Unity から発光を確認できるです
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542363/1de33619-a23c-dfa8-e118-d699c7fbe31b.png)
# 次回予告
後編は自分最近よく使う発光マテリアルを設定するコツを紹介します





[VCI Advent Calendar 2020]:https://qiita.com/advent-calendar/2020/vci
[バーチャルキャスト公式Wiki：初めてVCIを作成する]:https://virtualcast.jp/wiki/doku.php?id=vci:guide:beginner
[uniVCIのダウンロードページ]:https://github.com/virtual-cast/VCI/releases