====== MToonを使用した光の表現 ======
MToonを使用した背景(VCI)の制作方法を説明します。\\
VCIはUnlitシェーダーだけでなくMToonを使用する事で、表現の幅を増やす事ができます。

[[unity:shader:mtoonreference | MToonリファレンス]]



==== 全体のイメージ ====

{{:unity:shader:mtoonsea.gif?direct&600|}}

海上からのゴッドレイと、海底に映る光がMToonのUVスクロールを使用して作られています。

https://virtualcast.jp/products/7a1642c347cbfb3822ede5006665d820992638b51aaa0c3672c59db836b2568c

==== ゴッドレイ ====

{{:unity:shader:godley.jpg?direct&600|}}

=== テクスチャ ===

テクスチャはペイントツールの筆やぼかしを使用して、ジグザク状のハイライトを作成します。\\
色はMToonで調整できるので白、背景は透過、PNGで書き出してください。\\
書き出したテクスチャはマテリアルのcolor Textureに設定してください。\\
※半透明のテクスチャを使用する場合は…\\
[Rendering] > [Mode] > [Rendering Type] を [Transparent] に設定してください。

=== 3D ===

UV展開は正方形で敷き詰めるように行います。\\
Blenderの場合、メッシュを変形させる前に、正面からプロジェクションを使ってUV展開すればOKです。\\
オブジェクトの形が光の形になるので、今回は扇状でジグザグになるように作成しました。

=== UVスクロールについて ===

UVの座標が一定間隔でスライドします。\\
波の最も基本的な表現は波のテクスチャをUVスクロールさせる方法です。\\
[UV Coordinates] の [Scroll X] と [Scroll Y] に任意の値をいれると、アニメーションします。\\
実際にUnityを実行してみてSceneタブで動きを確認するとよいです。

==== 海底に映る光 ====

{{:unity:shader:oceanfloor.jpg?direct&600|}}

=== テクスチャ ===

テクスチャはノイズの素材を使用するか、Photoshopの機能などで生成したりフィルターを使ってグレースケールで作成します。\\
その後、テクスチャをノーマルマップに変換してUnityへインポートします。\\
ノーマルマップで波のパターンが決まるので、なるべく調整可能な方法でテクスチャを生成するとよいかもしれません。\\
ノーマルマップへの変換は画像をノーマルマップにしてくれるWebサービスなんかがありますので、調べていただければと思います。

=== 3D ===

3DはUnityでクリエイトできるPlaneで問題ありません。\\
スケール値を調整して、MToonのマテリアルを割り当ててください。