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

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

【Unity】スプライト画像を3Dオブジェクトに映して・・・いるように見せる

あぁ?

会社にて・・

「やっべぇ、今月全然忙しいわぁー、飲み会多すぎだよー」

「で、今週はクリスマスもあるでしょ?厳しいわぁー、もう、イベント多すぎだろ!」

「みんな誘ってくれるのはいいけどさぁ、俺の体は一つだっての!」

 

 

 

・・・

 

 

 

 

f:id:Karvan:20191224233849p:plain

 

今回のお題

さて気を取り直して、今回はこんな感じのギミックを作ります

f:id:Karvan:20191224233941p:plain

 

穴の空いた壁に文字が貼り付ているように見えませんか?

通常、こういうオブジェクトを作ろうと思うと"デカール"という手法を使うので、Unityの場合はそれ専用のアセットを使ったりするのですが、今回はその"デカール"は使用せず、文字の画像を3Dオブジェクトに映して・・・いるように見せています。

 

窓シェーダー

まず以前紹介した窓シェーダーを使用します。

窓シェーダーとは「窓越しに見たときだけオブジェクトが現れる」シェーダーで、それ以外の範囲ではマスク(非表示化)されるため、ちょっと驚くような演出に使えます。

styly.cc

上記のサイトでは窓のギミックは「窓」と「窓の向こうに置くオブジェクト」のそれぞれに専用のシェーダーをアタッチすることで成立しています。

 

その中で「窓の向こうに置くSprite用のシェーダー」が記載されていますが、どうやらこのシェーダーはUnity標準のImage用マスクでもマスク(非表示化)されるようで、窓オブジェクトから覗き込んでもImage用マスクが見える範囲ではその部分が非表示化されます。

 

「窓」と「マスク」で挟み込む

「Image用マスクが見える範囲」と書いたのはその文字通りで、例えば3Dオブジェクトで遮られるとその部分はマスクされません、つまりその部分だけ表示されて見えます

なので、この性質を利用してオブジェクトをこんな風に配置しました。

 

f:id:Karvan:20191224234806p:plain

 

「窓」と「Image用マスク」でSprite画像と3Dオブジェクトを挟み込むように配置しています。
(「Image用マスク」を設置するCanvasはRender Modeに"Screen Space - Camera"を指定)

 

この配置を取ると、カメラは窓越しにSprite画像を映しますが、「Image用マスク」は3Dオブジェクトによって一部が遮られる形となります。

 そのため3Dオブジェクトの形でSprite画像はくり抜かれて表示され、一番最初に紹介したように3DオブジェクトにSprite画像が貼り付て見える映像となります。

 

"デカール"のように実際は貼り付てはいないので、よく見ると壁オブジェクトの形状に沿っていなかったり、壁のオブジェクトを回転させたりすると見た目が変わってしまうのですが、利点としてSpriteを使用するので映し出す画像の方を簡単に動かすことができます。

例えばSpriteを移動させることで、壁に貼り付ている文字がスクロールしているように見せることも簡単にできます。

  

f:id:Karvan:20191224235044g:plain


こういうギミックもゲーム内の演出の一つとして使えるのではないでしょうか。


 

◇プライバシーポリシー

●個人情報の利用目的

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

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

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

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

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

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

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

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

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

●免責事項

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

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

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

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

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

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