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

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

【Unity】ColorBox ShaderのOutline機能を使う

新年

年末年始の休暇が明けて、「家族で旅行に行って・・・」とか「帰省先で久しぶりに同級生とあって・・・」とか「コミケでボーナス吹き飛んだ・・・」などと、そこかしこから聞こえる土産話に一切加われずに受け流す一方の皆さんこんにちは。もしくは部屋に閉じこもり過ぎて休暇明けに声が出るか不安だった皆さんこんにちは。休暇期間中、コンビニで「温めますか?」の問いに「いいえ」と答える時しか声を発していなかったことに気づいた皆さんこんにちは。お仲間ですね、今年もよろしくお願いいたします。

 

例年通り年末年始は80%ぐらいはダラダラと無気力に過ごしていたのですが、残り20%を振り絞ってなんとかゲーム制作に試行錯誤した結果、いつの間にかこんな感じのシーンが出来ていました。

f:id:Karvan:20200107215556p:plain

 

漫画風画面

こういった画面を作る場合は主にポストエフェクトが使用されると思うのですが、今回の場合は以前このブログで紹介したColorBox Shaderを使って作っています。

assetstore.unity.com

www.karvan1230.com

ColorBox Shaderはテクスチャなしでモデルに色付けできるシェーダで、モデルの6方面(前後左右上下)それぞれに違う色を指定でき、フラットでカラフルな表現をしたい場合に有用なアセットです。

 

f:id:Karvan:20200107215856g:plain

 上の動画ではCubeの各面に違う色を指定していますが、当然ながらあえて(濃淡のみを変えた)同じ色を指定することもできます

 

f:id:Karvan:20200107215952p:plain

そして、これに加えてOutlineも設定することができます

 

f:id:Karvan:20200107220104p:plain

単一色のオブジェクトにOutlineを加えると3Dモデルなのにフラット感(2D感)が強くなったと思いませんか?

もうちょっと分かりやすく、シーン内のオブジェクト全てにColorBox Shaderで単一色のマテリアルに変更してみます。

  

f:id:Karvan:20200107220435p:plain

これが・・・

 

f:id:Karvan:20200107220310p:plain

こうなります。

オブジェクト全てが同じ色で塗りつぶされているのでOutlineが強調されて線画(漫画)っぽくなったと思います。

 

SkyBoxも同じ色に

ColorBox ShaderではSkyBox用のマテリアルも作ることができるので、背景となるSkyBoxもオブジェクトと同じ色にするとさらに漫画風味が増します。

 これを利用してちょっと動きのある動画を作ってみました。

 

f:id:Karvan:20200107220739g:plain

 

カメラが動いてもそれに合わせてOutlineも変更してくれるので違和感はありません。
もうちょっと工夫すればインパクトのある画面が作れそうですね。


 

 

◇プライバシーポリシー

●個人情報の利用目的

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

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

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

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

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

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

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

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

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

●免責事項

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

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

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

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

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

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