原カバンは鞄のお店ではありません。

Unityを使ったゲーム制作のあれこれを綴っていきます。

【アセット紹介】それっぽいトゥーンレンダリングの画面が作れる 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

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

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

 

 

◇プライバシーポリシー

●個人情報の利用目的

当ブログでは、メールでのお問い合わせ、メールマガジンへの登録などの際に、名前(ハンドルネーム)、メールアドレス等の個人情報をご登録いただく場合がございます。

これらの個人情報は質問に対する回答や必要な情報を電子メールなどをでご連絡する場合に利用させていただくものであり、個人情報をご提供いただく際の目的以外では利用いたしません。

●個人情報の第三者への開示

当サイトでは、個人情報は適切に管理し、以下に該当する場合を除いて第三者に開示することはありません。

・本人のご了解がある場合
・法令等への協力のため、開示が必要となる場合

個人情報の開示、訂正、追加、削除、利用停止
ご本人からの個人データの開示、訂正、追加、削除、利用停止のご希望の場合には、ご本人であることを確認させていただいた上、速やかに対応させていただきます。

アクセス解析ツールについて

当サイトでは、Googleによるアクセス解析ツール「Googleアナリティクス」を利用しています。

このGoogleアナリティクスはトラフィックデータの収集のためにCookieを使用しています。このトラフィックデータは匿名で収集されており、個人を特定するものではありません。
この機能はCookieを無効にすることで収集を拒否することが出来ますので、お使いのブラウザの設定をご確認ください。

●免責事項

当サイトからリンクやバナーなどによって他のサイトに移動された場合、移動先サイトで提供される情報、サービス等について一切の責任を負いません。

当サイトのコンテンツ・情報につきまして、可能な限り正確な情報を掲載するよう努めておりますが、誤情報が入り込んだり、情報が古くなっていることもございます。

当サイトに掲載された内容によって生じた損害等の一切の責任を負いかねますのでご了承ください。

●プライバシーポリシーの変更について

当サイトは、個人情報に関して適用される日本の法令を遵守するとともに、本ポリシーの内容を適宜見直しその改善に努めます。

修正された最新のプライバシーポリシーは常に本ページにて開示されます。