みんな大好き「学校アセット」を Unity5でライティング

Nobuyuki Kobayashi @nyaa_toraneko

AssetStoreで販売されている「教室」シーンをモチーフに、Unity5でライティングをしてみた。最後のものは、LUTを作成し、夕方の風景にカラーグレーディングをしたもの。#unitytips pic.twitter.com/kWOBQxPt2i

拡大

拡大

拡大

Nobuyuki Kobayashi @nyaa_toraneko

元のアセットはこちら。ただ元のアセットはUnity4でセットアップされているので、そのままだと不具合が出る。メッシュインポートでライトマップ用UVを再度作り直すことと、シェーダーをStandardシェーダーに切り替える必要がある。 assetstore.unity3d.com/en/#!/content/…

Nobuyuki Kobayashi @nyaa_toraneko

ライティングのシーンタブ設定は最終的にはこんな感じ。この設定にする前に、ライトマップの解像度を低い状態でセットアップを探るとよい。各パラメタの詳しい解説はこちら。japan.unity3d.com/unite/unite201… #unitytips pic.twitter.com/YxpdvEc0cE

拡大

Nobuyuki Kobayashi @nyaa_toraneko

イメージエフェクトはCinematic Image Effectsを使っている。イメージエフェクト群はこの順番でメインカメラにアタッチして使用する。bitbucket.org/Unity-Technolo… #unitytips pic.twitter.com/30zbhiUOry

拡大

Nobuyuki Kobayashi @nyaa_toraneko

シーンの設定を簡単に説明すると、シェーダーは全部Standardに変え、ノーマルマップは必ず使用する。ライティングは窓からの入射光がリアルタイムのディレクショナルライト×２、室内は蛍光灯と同じサイズにしたエリアライト。 pic.twitter.com/SnglDCl73j

拡大

Nobuyuki Kobayashi @nyaa_toraneko

蛍光灯の管も発光しているが、これはEimissiveマテリアルを別途割り当てたいわゆるオブジェクトライト。GIに評価されるように設定している。 pic.twitter.com/0LfLdgZeTY

拡大

Nobuyuki Kobayashi @nyaa_toraneko

シーン全体はディファードレンダリング、カラースペースはリニアで行うとエリアライトが映える。 pic.twitter.com/q9ejCv6Mo1

拡大

Nobuyuki Kobayashi @nyaa_toraneko

Unity5/PBR世代のライティングにおいて気をつけることは、 ●マテリアルをきちんと作る。特にノーマルマップは大事。 ●ゲームの場合、プレイ中カメラは動いてしまうというのはあるが、それでも中心となるモチーフを決めるのは大事。モチーフを引き立てるように複数のライトを配置する。

Nobuyuki Kobayashi @nyaa_toraneko

気をつけること・その２ ●各ライトの照射範囲＆減衰特性に注意する。 ●シーン全体で明るいところと暗いところのメリハリを付ける。 ●アンビエントオクルージョンの設定はスケール感に影響を与える。 ●GIのバウンス光を適度に調整して、間接光が影の中にもある程度行き渡るようにする。

Nobuyuki Kobayashi @nyaa_toraneko

カメラをHDRで設定しているので、必ずポストエフェクトのトーンマッピングを最後にすることになるが、基本となるライティングの部分をしっかり設定しておかないと、ポストエフェクトで引き立てることもできないので、結局は各ライトの配置次第だと思う。

Nobuyuki Kobayashi @nyaa_toraneko

ある程度きちんとしたライティングをしたい場合、アセット作成の際に以下のことは注意しておきたい。 ●アルベドマップよりもノーマルマップの精度が高いほうがよい ●UVは重なってはいけない ●マイナススケールで反転するのは辞めたほうがいいので、もし必要なら反転したアセットも用意しておく

Nobuyuki Kobayashi @nyaa_toraneko

アセット面での注意・その２ ●ぶっちゃけPBR用のマテリアルはSubstance Painterで作成するのがベストで、メタル・ラフネスワークフローという作り方で作ることができる。一般的なラフネスマップがある時、Unityのスムーズネスマップへは反転することで流用できる。

Nobuyuki Kobayashi @nyaa_toraneko

マテリアル制作に関しては、最近はいろんな情報が出ているので検索してみるといいと思う。 3dartistonline.com/news/2016/05/h…

Nobuyuki Kobayashi @nyaa_toraneko

アセットをちゃんと作成して、ライティングをきちんと設定すれば、このぐらいの画面を作ることもできる。結構きれいですね。 youtube.com/watch?v=qtzD3c…

拡大

Nobuyuki Kobayashi @nyaa_toraneko

少々補足をすると、なぜ複数のライトを減衰を考慮しながら配置するかというと、ノーマルマップの効果を高めるためです。ノーマルマップだけでは陰影は出ず、ピクセルシェーダーでライティング計算をして初めて陰影が出ます。その際に様々な方向からライティングされたほうが綺麗な陰影が出る訳です。

Nobuyuki Kobayashi @nyaa_toraneko

最後に宣伝ですが、Unite 2016 Tokyoでやりました、『Unityとアセットツールで学ぶ「絵づくり」の基礎』のロールアップをUnity道場でやろうと思います。道場ではハンズオンもやる予定です。日時未定ですが、決まり次第情報公開しますので、今後の予定をご注意ください。

Nobuyuki Kobayashi @nyaa_toraneko

これは凄く大切な話。撮影後の映像処理工程をポストエフェクトといいますが、ここでは主にカラーグレーディングとトーンマッピングについて書かれてます。UnityのCinematic ImageEffectsで調整するのも、この要素です。 filmaga.filmarks.com/articles/415

Nobuyuki Kobayashi @nyaa_toraneko

Cinematic ImageEffectsのこれらのエフェクトを十分に活用したい場合には、カメラを「HDR設定」に、カラースペースを「リニアカラー」に設定します。#UnityTips filmaga.filmarks.com/articles/415 pic.twitter.com/0iHf1eQHcL

拡大

Nobuyuki Kobayashi @nyaa_toraneko

トーンマッピングを境に、スクリーン画像はHDRからLDRへと変換されます。ですので、ブルームのようにHDRでの値をキーとしているようなポストエフェクトは、すべてトーンマッピング以前に入れるようにします。#UnityTips pic.twitter.com/o63OG1g1Cv

拡大

Nobuyuki Kobayashi @nyaa_toraneko

Unityの場合、ポストエフェクトはその意味と機能を理解した上で自分でセッティングしていくものとなっていますが、その分、プロの方や慣れている人には自由な絵作りが可能となっています。お仕着せの絵作りから一歩踏み出したい人は、これらの映像の知識なども軽く見てみると参考になります

Nobuyuki Kobayashi @nyaa_toraneko

Cinematic ImageEffectsは今後も機能強化が図られていきますが、もしそれ以上の美しいポストエフェクトが欲しい方は、AssetStoreの「Scion」などを導入するのもいいかもしれません。 assetstore.unity3d.com/en/#!/content/… #UnityTips

Nobuyuki Kobayashi @nyaa_toraneko

無料のポストエフェクトがあるのに、有料のものも使う必要があるのかに関してですが、「絵作り」というのは映像作品にとっては重要なキーとなるもので、そこにお金をかけることによって独自性をつけるというのは、十分な商品戦略になります。そういう点から見てみるとよいのではないでしょうか？