Unity スレスパ風デッキ構築系JRPGの作り方9 取得レリックと状態異常アイコンの表示を実装しよう

この記事はSlay the Spire風デッキ構築系オリジナルJRPGを作る講座の第9回目です。

前回はダンジョンでの移動処理とイベント発生処理を実装しました。

前回の記事：

Unity スレスパ風デッキ構築系JRPGの作り方8 ダンジョン移動の二択化とイベント発生処理の実装

この記事はUnity入門の森のノンフィールドRPG講座で作ったゲームを改良アップデートしてSlay the Spire風デッキ構築系オリジナルJRPGを作る講座の第8回目です。前回はイベント・カード・レリックデータなどを表示する情報表示UI...

feynman.co.jp

2026.05.18

第9回では取得したレリックや状態異常のアイコンを表示するようにします。

ステータスウィンドウのプレハブモード

[Assets/Prefabs]にあるプレハブ[Status]をダブルクリックして、ステータスウィンドウのプレハブモードを表示します。

プレハブモードを開いたらSceneビューで編集を行っていきます。

アイコンUIを作成

まずはレリックや状態異常を表示するためのアイコンUIを作成します。

Hierarchyビューにある[Status]を右クリックし、[UI(Canvas)]→[Image]をクリックします。

追加された[Image]オブジェクトのInspectorウィンドウを表示し、下の画像のとおり変更します。

さらに[Icon]オブジェクトを右クリックし、[UI(Canvas)]→[Text – TextMeshPro]をクリックします。

追加された[Text (TMP)]オブジェクトInspectorウィンドウを表示し、下の画像のとおり変更します。

アイコンUIを操作するスクリプトを作成

[Assets/Scripts]フォルダを選択して右クリックし、[Create]→[Scripting]→[MonoBehaviour Script]をクリックします。スクリプトファイルの名前を「IconController」とします。

IconController.cs

レリックや状態異常などのアイコンUI1つ分を制御するクラスです。

まとめ

今回はレリックや状態異常のアイコンをステータスウィンドウに表示する仕組みを実装しました。アイコンをタップすると詳細情報ポップアップが表示され、プレイヤーが自分の状態をひと目で確認できるUIが完成しています。

次回はレリックや状態異常の効果を攻撃力・防御力などの実際の数値に反映させる実装を行います。バフカードの追加やレリック効果の計算処理を組み込み、ステータス強化がゲームプレイに影響するデッキ構築系ローグライトRPGらしい戦略性を実現していきます。

次の記事：

Unity スレスパ風デッキ構築系JRPGの作り方10 レリック・状態異常の効果をキャラクター能力に反映させる

この記事はUnity入門の森のノンフィールドRPG講座で作ったゲームを改良アップデートしてSlay the Spire風デッキ構築系オリジナルJRPGを作る講座の第10回目です。前回は取得したレリックや状態異常のアイコンを表示する実装を行い...

feynman.co.jp

2026.05.18