亭々たる あの雲を求めて 〜Fog Volume 3〜

この記事は[Unity アセット真夏のアドベントカレンダー 2017](https://atnd.org/events/89521) 10日目の記事です。
昨日はザバイオーネさんの[【アドカレ】内装がある宇宙船のモデル](http://zabaglione.info/archives/1053)でした。

VRでの宇宙バトルって憧れですよね！無限の星々を縦横無尽に駆け巡れるVRをやりたいものです。

---

夏コミでUnity本出しました!(ダイレクトマーケティング)


<blockquote class="twitter-tweet" data-lang="en"><p lang="ja" dir="ltr">「ゆにりあ　Unityで映像を作る」の電子書籍版公開しました！<br>Unityでの爆速映像レンダリングが出来る様になる一冊です。DRMフリーなので印刷等も出来ます。よろしくお願いします！<a href="https://t.co/zKaSAM2NjQ">https://t.co/zKaSAM2NjQ</a> <a href="https://t.co/oqch2r0yex">pic.twitter.com/oqch2r0yex</a></p>&mdash; なまず (@namazuchin) <a href="https://twitter.com/namazuchin/status/896710328083390464">August 13, 2017</a></blockquote>

本記事では上記書籍でおすすめAssetとして掲載したにも関わらず使い方を全カットしたFog Volume 3の紹介記事です。

# Fog Volume3とは

このAssetはボリュームレンダリングでメッチャリアルな雲を表現できるAssetです。

[Fog Volume3](https://www.assetstore.unity3d.com/jp/#!/content/81802)

百聞は一見にしかずなのでスクショを貼るとこんな感じです。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/58349/4c8a0b77-7bab-2e13-c534-18a32bd4ff70.png)

このモクモク感、Particleなどではなかなか表現できないのではないでしょうか？
またライトの反射や透過などもとても綺麗に描画してくれます。

デモシーンを開くとなかなかに重いのですが、パラメーターの調整次第でモバイルからVRまで使用可能のようです。

ちなみにAssetStoreから落としてきた状態では全てのデモシーンが入っていないのでこのサイトから追加UnityPackageを落としてきましょう。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/58349/2f427769-e619-e3e2-13d8-7ba5acd8e6d8.png)

また、このAssetのデモでは[Post Processing Stack](https://www.assetstore.unity3d.com/jp/#!/content/83912)を使用しているのでそちらもインポートすることをおすすめします。

「メニューバー→GameObject→Create Other」から新規でFog Volumeを追加することもできますが、デモをいじくり回した方が解りやすい上に楽しいのでデモシーンの「Infinite cloud」で解説していきます。
名前の通りInfiniteな雲が出現するのでノートPCの方は開くときにご注意ください。

## 基本設定

基本的な設定項目がここにあります。デフォルトだとSizeがとても大きくて重いのでこちらで削った方が良いでしょう。

雲の色もここで設定できます。パラメータ名がLight EnergyなのでFogの色というよりは光の波長の調整の結果Fogの色が変わるというのが適切なのかなと思います。

Visibilityを下げると雲の精細感が薄れます。ここは負荷との相談ですが折角であれば上げていきたいですね。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/58349/6cca828a-3188-3bfc-9b60-ae2dc58fecbd.png)

## Lighting

雲全体のlighting設定です。Directional light必須です。ここで細かい雲の色を調整していきます。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/58349/57c1b58d-3e44-e990-1ca5-1959454743e7.png)

「Halo」を有効にすると光輪を追加出来ます。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/58349/c4ea595e-84f2-c4b2-48cf-8d9e925344ee.png)

## Point lights

有効にするとPoint lightの影響を受ける事ができるようになります。

雲に影響を与えたいPoint lightにはFog Volumeの「Point Light」コンポーネントを追加する必要があります。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/58349/6e553ca6-59f9-3d26-8169-471d33dcfb7d.png)


Real time searchを有効にするとシーン内のPoint lightを検索して配列に加えてくれます。
加え終わったらReal time searchは無効にしましょう。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/58349/a64888a0-ce7c-29ca-0d55-629c177eda15.png)

Currently computedが現在影響を与えているlight一覧になります。Pointlightの影響が出てないように見えた場合はここで確認しましょう。

![Untitled.jpg](https://ojisan.tv/gyazo/z/fdcba626324582940b5ca978a0215462.png)

## Color Management

カラー調整です。雲単体で微調整ということでもなければPost Processing Stackで調整するで良いかな～と思ってます。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/58349/2869332f-fb4a-34a5-62b0-28ceaeda4eb7.png)

## Renderer

雲のレイマーチング関連の設定……だと思います。すみません雰囲気で弄ってます。
ここまでの項目で設定後、ここの設定でスペックに合わせた調整を行うのが良いのかな～と思っています。

![image.png](https://ojisan.tv/gyazo/z/d943e9755b0fac0720a223eafb7529fd.png)

## Noise

雲の形を決める部分です。少し弄るだけで雲以外のなにかも作れます。

![image.png](https://ojisan.tv/gyazo/z/b0eadc87a450b1a25aa18662801f4bde.png)

Noise設定を弄った結果、雲というよりは何かのEffectみたいになってしまった物がこちらです。

![image.png](https://ojisan.tv/gyazo/z/bebf441b2743c2a65d33b92457381f88.png)

## Fog Volume Renderer

Main Cameraについてるコンポーネントです。どうしても描画が重い時はここのDownscaleを設定することで軽くすることができます。
ダウンスケールなのでそれなりの代償(劣化)が伴う設定になりますが……

![](https://ojisan.tv/gyazo/z/d20ca685ad515c54567b7b1593cb06f1.png)


---

以上がざっくりとしたパラメーターの説明です。このAssetは非常に多機能なのでまだまだ謎な機能が多いです……

[本家のManual](https://docs.google.com/presentation/d/1HQKB0rayEYGC8qU4LYPYdRu84D2qRJCRUcxpALkvUpo/edit#slide=id.p)が147Pというボリューム満点にありますのでこれを参考に頑張って格闘してください！

</br></br>
</br></br>

最後にこのAssetを買われた方は是非このShowroomというデモシーンを見てみてください。Fog Volumeの美しさを堪能出来ると思います。


![](https://ojisan.tv/gyazo/z/4ef7cb0b8bfb7ed043744a20231e1055.png)

---

[Unity アセット真夏のアドベントカレンダー 2017](https://atnd.org/events/89521) 明日は、オノッチさんの[「Character Particle!」](http://onoty3d.hatenablog.com/entry/2017/08/11/031355)です。

文字のパーティクルを出す時はわざわざSpriteをPhotoshopなどで作っていたので楽しみです。