CartoonSkyShaderの基本的な使い方を調査する。

UnrealEngineのアセット、「　CartoonSkyShader　」という物があります。空や雲を綺麗に表現することができるアセットです。70%OFFで衝動買いしてしまいました。

使い方を調査
1. 公式動画をよく見る（固定の空の作り方）
2. 月の使い方
実際にプロジェクトで動かしてみて
まとめ

使い方を調査

公式の情報からは使い方YouTube動画が出ていますが如何せんわかりにくいので解読しながら実際にテストプロジェクトで動かしながら使い方を調査していきます。

Cartoon Sky Shader Trailer

公式動画をよく見る（固定の空の作り方）

VolumetoricCloudを削除する
SM_SkySphereを削除する
アセットフォルダMeshesに存在する　「　SM_CartoonSky　」をレベルにドラッグアンドドロップで配置
座標を0にリセット
Materialsフォルダ内の　「　M_CartooSky　」マスターマテリアルからマテリアルインスタンスを作成する。動画内では「　MI_Tutorial　」
SM_CartoonSkyのマテリアルを5で作成したマテリアルインスタンスに差し替える。
マテリアルインスタンスの大量のパラメータを調整することで空をデザインできる。

月の使い方

レベルのディレクショナルライトを複製
「　moon　」に名前を変更
Atmosphere Sun Light Indexを（０）から（１）に変更する
moonの角度を変更すると月がビューポート上に現れる
ディレクショナルライトの「　Light Color　」を白から黒に変更
マテリアルインスタンスのMoonパラメータが有効になり、パラメータを変更すると月の調整が行える
（moonを作成してからマテリアルインスタンスのmoonパラメータを変更すると値が反映されて月が表示される。ディレクショナルライトを複製した時に自動的にmoonが表示されずに少し戸惑った。）

実際にプロジェクトで動かしてみて

０から作るのは中々達人レベルのスキルがいる

パラメータが豊富で色々いじれるのは良いですが、あまりにも項目が多いので、全てを理解して調整できるにはかなりの時間と職人レベルのスキルが要求されるのではないでしょうか？

幸いなことにマテリアルインスタンスはプリセットが大きく５種類用意されているので、そこからまずは気に入ったプリセットを使用するのが良いでしょう。

そして細かい部分で気になるところがあれば自分好みに変更していく方法で、まずは理解を深めていけば良いと思います。（エラーはそれほど重要ではないっぽいですが、エラーが出ることがあることに注意しておきましょう。）

プリセットの画像

太陽や月を動かす（公式動画＝4:20）

太陽や月を動かすには、「　SM_CartoonSky　」ではなく、「　SM_CartoonSky　」をブループリントに含んでいる「　BP_CartoonSky_DayNightCycle　」をレベルに配置する必要があります。

実験プロジェクトで動かした結果やや月の動き方が不自然でしたが、太陽は問題なく動きました。

ブループリントを配置したらレベル上にある４つの項目をブループリントのパラメータにセットする必要があります。セットする項目は以下の画像のプルダウンになっている4つの項目です。

Sun Light
Moon Light
Skylight
Height Fog

BP_CartoonSky_DayNightCycleのマテリアルの変更に注意

BP_CartoonSky_DayNightCycleでは空を表現するマテリアルをDayNightCycleのCloudTypeから選択するようになっています。コンポーネント内の「　CartoonSky　」コンポーネントのマテリアルを直接変更できません。マテリアルはブループリント内部の処理で複雑に処理されていて、レベル上に配置した、BP_CartoonSky_DayNightCycleの詳細パネルからどのマテリアルのタイプを使うかをプルダウンで選択するように設計されています。

なんどもコンポーネントの「　CartoonSky　」のマテリアルを変更しようとしても変更できずに一瞬戸惑いました。みなさんも気をつけてください。