Unity TopDownEngineをURPプロジェクトで用いる手順2/2

Unity見下ろし型ゲーム作成の強力な支援アセット TopDownEngine では、 PC やコンシューマーゲーム機、スマートフォンと様々なモバイルに最適化された、新しい標準になった描画処理機能 URP に対応させる手順が公式ガイドで案内されています。

KoalaDungeon KoalaUICamera の RenderType を Overray に変更するとマップやキャラは表示されましたがUIが表示されなくなりました.

Part 2 では、TopDownEngine 公式の URP 使用ガイドHow to install the TopDown Engine」に従って、TopDownEngine のデモシーンのひとつ KoalaDungeon の カメラとキャンバスの設定を URP 用に変更して前回表示されなくなったマップやキャラを UI と合わせて正しく表示する手順を紹介します。
※ Unity のバージョンは 2022.3.19f1<DX11> 、TopDownEngine のバージョンは 3.5 です。
※ TopDownEngine は「TopDown Engine | システム | Unity Asset Store」 から購入できます。セールで半額になっているときなどがお買い得です。

前回の記事

前回は、TopDownEngine 公式の URP 使用ガイドHow to install the TopDown Engine」に従って、URP 向けのプロジェクトの作成、 TopDownEngine のインポート、スクリプタブルレンダーパイプラインを URP へ切り替える手順までを紹介しました。

描画処理を行うレンダーパイプラインを、様々なデバイスに最適化された URP に変えられましたが、TopDownEngine のデモシーンのマップやキャラが表示されなくなってしまいました。

UI Camera を URP 用に設定変更

前回 URP に切り替えるとマップやキャラが Game ウィンドウでひょうじされなくなりました。
TopDownEngine 公式ガイド に従って、UI Camera, Main Camera の設定を URP 用に変更して対処します。

シーン内で使われている UI Camera を選択します。
KoaraDungeon デモシーンの場合は KoalaUICamera でした。
※ Hierarchy ウィンドウの検索ボックスで UI Camera などと入力すると見つけやすいです。

KoalaDungeon シーンで UI Camera ゲームオブジェクトを選択します.

Inspector ウィンドウで、選択した UI Camera ゲームオブジェクトの Camera コンポーネントRender Type プロパティ値を「 Base 」から「 Overlay 」に変更します。

KoalaDungeon KoalaUICamera の RenderType を Base から Overray に変更します.

そうすると、Game ウィンドウで表示されなかったマップやキャラが表示されました。
しかし、表示されていた左上や右上の UI が表示されなくなりました。
次はその対策をします。

KoalaDungeon KoalaUICamera の RenderType を Overray に変更するとマップやキャラは表示されましたがUIが表示されなくなりました.

UI Camera ( KoalaDungeon デモシーンでは KoalaUICamera ) ゲームオブジェクトの下位にある全ての Canvas ゲームオブジェクトの設定を URP 用に変更します。
先ほど検索ボックスを使用した場合は×ボタンで検索をクリアすると、現在選択している KoalaUICamera が選択状態になるので、その下位の要素を確認しましょう。
※ KoalaDungeon デモシーンでは KoalaUICamera の下位に Canvas と Inventory Canvas がありました。

KoalaDungeon KoalaUICamera の下位の Canvas を選択します..

KoaraUICamera ゲームオブジェクトの下位の Canvas ゲームオブジェクトを選択してから Inspector ウィンドウで Canvas コンポーネントの Sorting Layer プロパティの値を「<unknown layer>」から「Above」に変更します。

KoalaDungeon KoalaUICamera の下位の Canvas の SortingLayerをAbove に変えます..

InventoryCanvas についても同様に Above に変更します。

KoalaDungeon KoalaUICamera の下位の InventoryCanvas の SortingLayerをAbove に変えます..

Sorting Layer の変更時点では Game ウィンドウは先ほどと同じく左上と右上の UI が表示されない状態でした。

Main Camera を URP 用に設定変更

UI Camera の映像を Game ウィンドウに表示するために Main Camera の設定に UI Camera を追加します。

Hierarchy ウィンドウで MainCamera ゲームオブジェクトを選択します。

KoalaDungeon MainCamera を選択します..

Inspector ウィンドウで Camera コンポーネントの Stack セクションを開き、Cameras リスト+ ボタンを押して、選択肢に表示された KoalaUICamera (UI Camera) を選択します。

KoalaDungeon MainCamera の Camera コンポーネントの Stack セクションを開き List の + ボタンを押した後表示される KoalaUICameraを選択します...

これにより Game ウィンドウに表示されなかった左上と右上の UI が表示されて、マップ・キャラと合わせて KoalaDungeon デモシーンの全ての要素が表示されるようになりました。

KoalaDungeon MainCamera の Stack に KoalaUICameraを追加するとRP変更前と同じように UI もマップやキャラも表示されました....

テスト

Unity エディタの中央上にある再生ボタンを押してプレイしてみましょう。

デモシーン KoalaDungeon では、WASD キーなどでコアラのキャラクターを上下左右に移動できます。
最初は武器を持っていないので、少し上に移動して銃と弾薬を入手します。
その後、クリックした方向に向かって銃を撃ちます。

銃の攻撃も動作しましたが、銃を撃ったときのエフェクト画像の一部がピンク色になっていました。
この問題については別の記事で紹介します。

KoalaDungeon URPに切り替えて公式ガイドの手順で設定した後プレイすると弾丸がピンク色に塗りつぶされています.

まとめ

今回 Part 2 では、Unity見下ろし型ゲーム作成の強力な支援アセット TopDownEngine 公式の URP 使用ガイドHow to install the TopDown Engine」に従って、TopDownEngine のデモシーンのひとつ KoalaDungeon の カメラとキャンバス の設定を URP 用に変更して前回表示されなくなったマップやキャラを UI と合わせて正しく表示する手順を紹介しました。

参照サイト Thank You!

記事一覧 → Compota-Soft-Press

コメント

Ads Blocker Image Powered by Code Help Pro

お願い - Ads Blocker Detected

このサイトは広告を掲載して運営しています。

ポップアップを閉じて閲覧できますが、よろしければ

このサイト内の広告を非表示にする拡張機能をオフにしていただけませんか?

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

タイトルとURLをコピーしました