以下の内容はhttps://www.karvan1230.com/entry/2022/01/18/200614より取得しました。


【アセット紹介】それっぽいトゥーンレンダリングの画面が作れる Flat Kit: Toon Shading and Water

f:id:Karvan:20220118193416p:plain

持続可能なライフスタイル

ブレス オブ ザ ワイルドの武器の壊れやすさは最近流行りのSDGsの精神に反していると思う皆さんこんにちは。一度壊れると直すこともできないので武器の消費量が半端ない。強敵相手でも属性武器とか勿体なくて使えません。その割に防具はちっちも壊れない(盾を除く)ので一体どういう理屈なんですかね?

 

Flat Kit: Toon Shading and Water

ご存じのようにブレス オブ ザ ワイルドではトゥーンレンダリングが使用されておりセルアニメ風なビジュアルが特徴です。
最近ではインディー界隈でもトゥーンレンダリングの需要は高いようで、「ユニティちゃんトゥーンシェーダー 」や「lilToon」というシェーダーは無料で配布されており気軽に使用することができますが、どちらもテクスチャを張り付けたモデルに対してトゥーン調でレンダリングする、という物なので必ずテクスチャが必要でした。
今回紹介する「Flat Kit: Toon Shading and Water」では3Dモデルに色をつける色付けシェーダーとして使用でき、かつ、トゥーンレンダリングっぽい陰影をつける事が可能となっています。

 

Cell Shading Mode

今回は下の車のモデルに対して使ってみました。
この車のモデルはテクスチャを使用しておらず、各色に応じたStandardシェーダーのマテリアルを複数使用してレンダリングしています。

f:id:Karvan:20220118194210p:plain

 

各色マテリアルのシェーダーをFlat Kitのシェーダーに変更していきます。
Colorの項目に色付けしたい色を指定、Cell Shading Modeの項目でトゥーンレンダリングの手法を指定します。

 

f:id:Karvan:20220118194311p:plain

最初はColorのみ指定し、Cell Shading ModeでNone(なし)とした場合

f:id:Karvan:20220118194553p:plain

指定した色でのベタ塗りなのでUnlitシェーダを使ったような表示になります。

次にCell Shading Modeを「Single」とした場合

f:id:Karvan:20220118194638p:plain

先ほどのベタ塗状態から少し陰影がつけられた感じになります。

f:id:Karvan:20220118194708p:plain

 

次にCell Shading Modeを「Step」とした場合

f:id:Karvan:20220118194826p:plain

陰影ががっつりとつけられ、いかにもトゥーンレンダリングという感じ

f:id:Karvan:20220118194837p:plain

 

最後にCell Shading Modeを「Curve」とした場合

f:id:Karvan:20220118195008p:plain

陰影がなめらからにつけられて自然な感じになります。

f:id:Karvan:20220118195030p:plain

 

アウトラインも付けられる

ありがたいことにアウトライン付きのシェーダーも用意されています。
Cell Shading Mode「Curve」+アウトライン

f:id:Karvan:20220118195242p:plain

そこそこ綺麗な線が出せます

f:id:Karvan:20220118195324p:plain

ただ、このシェーダに限ったことではありませんが、シェーダを利用するアウトラインは線を太くし過ぎると角の部分で線が途切れたり、外殻以外のエッジ部分ではアウトラインは表示されなかったり、と思ったような線が出せない場合もあります。
エッジ部分を含んだ綺麗なアウトラインを付けたい場合は、カメラエフェクトの方を使用した方が良いと思います。

幸い、アウトライン抽出のエフェクトがこのアセットには付属しているので、それを使用します。下のコンポーネントをMainカメラにアタッチして

f:id:Karvan:20220118195615p:plain

Cell Shading Modeを「Step」とした場合

f:id:Karvan:20220118195737p:plain

綺麗なアウトラインが表示され、漫画風の絵になります。当然ながら車以外のオブジェクトにもアウトラインが付きますが。

そこはケースバイケースで考える必要がありそうです。

 

 




以上の内容はhttps://www.karvan1230.com/entry/2022/01/18/200614より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14