act.007：セルルック

モデルに色を付ける

キャラクターに色を付ける「シェーディング」という工程に入る。
ここまでずっと無色で作業してきたが、この先アニメーションの検証をするにあたっては色がついていた方がやりやすいし、何より気分が上がる（笑）。

今回目指しているのは「セル画アニメのような外観」である。このような外観は「セルルック」と呼ばれる。今のアニメーションではもうセル画は使わないが、この呼称が一般的になっている。

シーンの設定

まずは全体のシーンとして「光源」と「レンダー」の設定を行う。

光源は「サン」。
いわゆる「太陽光」で、角度の変化はオブジェクトに対して影響を与えるが、位置の変化は影響しない＝光の向きはワールドの原点からの角度で決まる・光源の位置は関係ないという特性を持つ。
ライトのデータプロパティーで、強度を「5」角度を「0」にする。

次にレンダープロパティーのカラーマネージメントを開き、ビューを「標準」に設定する。

トゥーンシェーダー

「アニメ調」にするために必要なことは2点。
ひとつは陰影の境界をグラデーションではなくはっきりさせること。
もうひとつは輪郭線（外形線）を描くこと。

ひとつ目の「陰影をはっきりさせる」シェーダーは「トゥーンシェーダー（toon shader）」と呼ばれる。
配布しているサイトもあるが機能過多だったりするので、下記のサイトを参考にしながら自分で組むことにした。

ページ中央の「テクスチャで陰影を表示」からは不要なので、それまでのノードをグループ化してインプットを設定して自分用のトゥーンシェーダーを用意した。

ハイライト、ノーマル、影1、影2とそれぞれのスレッショルドを設定できるようになっている。

あとはこのシェーダーを使ってキャラクターや服に色を付けていくと…

こんな感じに。

ちなみにデフォルトのシェーダー「プリンシプルBSDF」を使ってこのモデルを色付けすると

こんな感じ。肌色の質感はシェーダーを組み合わせれば調整すればもう少し良くすることはできるが、違いは歴然だ。

輪郭線（外形線）

方法1：ソリッドモディファイアを使う

セルルックでのもうひとつの大切な要素「輪郭線（外形線）」については、簡易的に実現できて動作が軽い手法が確立されている。それが「ソリッド化モディファイア」を使う方法。

線を描く手法としては他にも「グリースペンシル」「freestyle」「ラインアート・モディファイア」がある。これらは細かい設定や描画が可能であるが処理に時間がかかるのでマシンが貧弱な僕の環境だとちと厳しい。

ソリッド化を使う手法はお手軽だが細かな調整はできず基本的には「できたなり」で妥協することになる。でもとりあえずの取っ掛かりとしてはこれで十分だ。先々技術が上がってきたら別の方法に乗り換えるかもしれないが、まずはこれでやってみる。

するとビューに追従する輪郭線が生成される。

輪郭線を追加したい他のオブジェクトも同様に。
マテリアル「outline」は使いまわしができるので最初に作ったもの読み込んでもいいし、オブジェクトごとに色を変えたい（あまりないと思うが）場合は別のマテリアルを用意してもいい。

方法2：ジオメトリノードを使う

「背面法を使う」という考え方においては方法1と同じなのだが、ソリッド化がモデルからのオフセット量で輪郭線を形成するのに対して、このジオメトリノードでは視点やカメラからの距離を考慮して輪郭線を作る。このため、視点がオブジェクトから遠くなっても画面上での線の太さを一定にすることができる。

次回は…

モーションデータをインポートしてモデルの動きをテストする