UniRx を利用したキー操作可能なインベントリの実装例②

　マウスクリックではなく、キーボード(ゲームパッド)での操作が可能なインベントリウインドウの実装例です。
２回の手順に分けて学習します。

　ここでは正方形、あるいは長方形のインベントリを採用し、全グリッド(マス)を移動できず、特定のグリッドを制限するケースです。
見た目上は不安定なグリッドですが、それを多次元配列を利用した座標に置き換えることで管理します。

＜実装動画＞

動画ファイルへのリンク

　キー入力操作については UniRx を利用し、インベントリ内のグリッド(マス目)とアイテムアイコンについては自動生成を行います。
グリッドについては多次元配列を利用して座標として管理し、アイテムアイコンの画像などの情報についてはデータベースより参照して設定します。

　現在制作しているインベントリを改良してみたい、処理の自動化・効率化を図りたい、というニーズに対応する教材となります。

　２回の手順において学習後、その後の学習としましては、ここでは１つのクラスですべてを完結していますので、
そちらを MVC（Model-View-Controller）アーキテクチャを活用した、クラスの分割(責務分け)を行うためのリファクタリング手法を学習します。

事前知識

　少なくとも、下記の機能については理解をしておく方が望ましいでしょう。

・スクリプタブル・オブジェクト
・シングルトン・デザインパターン
・多次元配列
・List
・三項演算子(すなわち、戻り値のある処理の読み解き方)

　新しく学習する内容としては、UniRx を利用したキー入力機能になります。

設計

　多次元配列を利用して、XとYの座標で管理しています。

多次元配列時のメニュー１内の座標 [x-y]

[0-0, 1-0]
[0-1, 1-1, 2-1, 3-1]
[0-2, 1-2, 2-2, 3-2]

　上記の画像を元にした配列は、このようになっています。左上が[0-0]、右下が [3-2]です。

・カーソルの上下左右移動(動けない場所にはいかないようにする制限付き)
・インベントリ内のメニュー切り替え(１との切り替え。カーソルの位置は１のみ対応)

　あとは、アイテムのアイコン用のゲームオブジェクトのプレハブを作成していただき、
そこに新しいクラスをアタッチして、所持しているアイテムのデータを渡すことで画像を差し替えるようにしてください。

アセットのインポート

　必要なアセットをインポートしておきます。

＜１．UniRx＞

　Unity のアセットストアからインポートお願いします。

UniRx - Reactive Extensions for Unity

https://assetstore.unity.com/packages/tools/integr...

<２．InputAsObservable>

　こちらは UniRx の拡張アセットとして Github に公開されています。

　下記の URL より Download Zip を選択してダウンロードしてください。
解凍したフォルダをそのままUnity へインポートしてください。

　これにより InputAsRx.Triggers の名前空間が利用できるようになります。

Github
https://github.com/euglenach/InputAsObservable

　制作様のサイトです。
アセットの利用方法も解説されています。目を通しておきましょう。

Qiita @Euglenach 様
キー入力、マウス入力をIObservable T に変換して使う

UI の作成

　インベントリ用のウインドウを UI で制作します。

　背景、フレームなどは任意です。自分の好きな形状で作成してみましょう。

　下記はサンプルです。この通りである必要はありません。

完成図

１．Canvas の作成

　Canvas Scaler コンポーネントの設定を忘れずに行うようにしてください。

２．メニュー用のゲームオブジェクトの作成

　背景画像の設定用オブジェクトや、カーソル移動先のオブジェクトの配置位置の設定用のオブジェクトを配置しておきます。
カーソルの移動先については、各マス目(Grid)を生成しますが、それを配置するためのオブジェクトを事前に配置しておくと生成しやすいです。

３．カーソル用のゲームオブジェクトの作成

　プレイヤーの操作するカーソルについてもオブジェクトを用意します。
こちらを操作する形になります。

InventoryManager スクリプトの作成

　using ではインポートした外部アセットより UniRx と InputAsRx.Triggers の名前空間を利用しています。
またカーソルをフォーカスしてキー入力操作に対応させるため、UnityEngine.EventSystems の名前空間も追加しています。

InventoryManager.cs

　<=　クリックすると開きます

using System;
using System.Collections.Generic;
using InputAsRx.Triggers;
using UniRx;
using UnityEngine;
using UnityEngine.EventSystems;

public class InventoryManager : MonoBehaviour
{
#pragma warning disable 0649  // [SerializeField] を利用している際に Console に表示される CS0649 の警告を無視する(表示させない)
    [SerializeField] private GameObject inventory_UI;           // インベントリー
    [SerializeField] private GameObject[] inventoryMenus;       // 個別に用意せず、配列や List で管理する。増減したときにソースコードを変更しなくて済むため
    [SerializeField] private GameObject itemIconPrefab;         // アイテムのゲームオブジェクトのプレハブ
    
    [SerializeField] private List<Transform> gridList = new();  // インベントリ内に配置する Grid の位置
    [SerializeField] private GameObject cursor;                 // カーソル
    [SerializeField] private bool isMemoryCursorPos;            // カーソルの位置を記録するかどうか。true なら記録する
#pragma warning restore 0649  // ここまでの変数が対象
    
    private Transform[,] inventryGrid;   // 多次元配列を利用してインベントリ内の Grid を座標として管理する
    private int numRows = 4;             // インベントリの Grid 行数(X 方向)
    private int numColumns = 3;          // インベントリの Grid 列数(Y 方向)
    
    private int cursor_horizontal = 0;   // カーソルの X 軸の位置
    private int cursor_vertical = 0;     // カーソルの Y 軸の位置
    private float inputDelay = 0.25f;    // キー入力時の待機時間。連続入力を防ぎ、一気に移動しないように制御する

    private int inventoryMenuNum;        // 現在のインベントリーメニューの番号

    
    void Start()
    {
        // 初期設定
        // SetUpInventoryManager() メソッドを利用する場合には、処理内部をコメントアウトする
        InitializeInventory();
    }
    
    /// <summary>
    /// 初期設定
    /// </summary>
    private void InitializeInventory()
    {
        inventory_UI.SetActive(false);
        
	// インベントリ内の Grid の設定
        SetGrids();
		
        // インベントリ内にアイテムアイコン作成
        //GenerateItemIcons();
        
        // インベントリ内のカーソル位置の初期設定
        SetDefaultCursorPos(0);

        // インベントリ内のカーソル移動の入力設定
        HandleCursorInputs();
    }    

    /// <summary>
    /// インベントリ内の Grid の設定
    /// </summary>
    private void SetGrids() {
        
        // TODO この中の処理は、インベントリのメニューの Grid の形で変わる
        
        // 今回は四角形ではない場合ので、座標を作り直す
        inventryGrid = new Transform[numRows, numColumns];

        int count = 0;
        for (int x = 0; x < numRows; x++) {
            for (int y = 0; y < numColumns; y++) {
                if ((x == 2 || x == 3) && y == 0) {
                    continue;
                }

                inventryGrid[x, y] = gridList[count];
                gridList[count].name = $"{x} : {y}";
                count++;
            }
        }

        // 多次元配列時のメニュー１内の座標 [x-y]
        // [0-0, 1-0]
        // [0-1, 1-1, 2-1, 3-1]
        // [0-2, 1-2, 2-2, 3-2]
    }

    /// <summary>
    /// 所持しているアイテムの情報を元にしてアイテムアイコンを生成して配置する
    /// </summary>
    private void GenerateItemIcons() {

        if (itemIconPrefab == null) {
　　　　　　Debug.Log("アイテムアイコン用プレハブがアサインされていません。")
            return;
        }

        // TODO 仮処理。アイテムアイコンの生成
        for (int i = 0; i < gridList.Count; i++) {
            Instantiate(itemIconPrefab, gridList[i], false);
            
            // TODO ここでアイテムのデータを設定する
            
        }
    }
    
    /// <summary>
    /// カーソル関連の初期設定
    /// および、カーソル位置を記憶していない場合のカーソル設定
    /// </summary>
    private void SetDefaultCursorPos(int menuNum) {
        // カーソル情報の初期化
        cursor_vertical = 0;
        cursor_horizontal = 0;

        inventoryMenuNum = menuNum;
            
        // カーソルの位置を記憶しない場合、初期位置にフォーカスしてカーソルも初期位置に置く
        // TODO InventoryGrid は、メニューごとに設定するので、List 化する
        EventSystem.current.SetSelectedGameObject(inventryGrid[0, 0].gameObject);
        
        cursor.transform.SetParent(inventryGrid[0, 0]);
        cursor.transform.localPosition = Vector2.zero;
    }
    
    /// <summary>
    /// キー入力制御
    /// </summary>
    private void HandleCursorInputs() {

        // namespace InputAsRx.Triggers に用意されている UniRx の拡張メソッドを利用する
        this.OnAxisRawAsObservable("Horizontal")      // GetAxisRaw メソッドと同じ
            .Where(horizontal => horizontal != 0)     // キー入力があるか確認
            .ThrottleFirst(TimeSpan.FromSeconds(inputDelay))     // 連続入力を制御。inputDelay 時間だけ連続入力を受け付けない
            .Subscribe(horizontal => MoveCursor((int)horizontal, 0));   // キー入力の値を MoveCursor に渡して移動先を決める
        
        this.OnAxisRawAsObservable("Vertical")
            .Where(vertical => vertical != 0)
            .ThrottleFirst(TimeSpan.FromSeconds(inputDelay))
            .Subscribe(vertical => MoveCursor(0, (int)vertical));
    }
    
    /// <summary>
    /// カーソル移動
    /// </summary>
    /// <param name="horizontal"></param>
    /// <param name="vertical"></param>
    private void MoveCursor(int horizontal, int vertical) {
        //Debug.Log($"入力値 {horizontal} : {vertical}");
        
        // 新しいカーソル位置が移動できない地点である可能性があるので、一旦、現在の位置を保持しておく
        Vector2Int tempPos = new(cursor_horizontal, cursor_vertical);
        
        // インベントリー内の Grid からはみ出ないように補正(配列外にならないように)した上でカーソル位置を更新
        cursor_horizontal = Mathf.Clamp(cursor_horizontal + horizontal, 0, numRows -1);
        cursor_vertical = Mathf.Clamp(cursor_vertical - vertical, 0,  numColumns -1);

        //Debug.Log($"新しい位置 {cursor_horizontal} : {cursor_vertical}");

        // 新しい位置が移動できない位置(配列外)の場合には、現在の位置をもう一度指定する
        if (cursor_vertical == 0 && (cursor_horizontal == 2 || cursor_horizontal == 3)) {
            cursor_horizontal = tempPos.x;
            cursor_vertical = tempPos.y;
        }

        // カーソル移動
        cursor.transform.SetParent(inventryGrid[cursor_horizontal, cursor_vertical]);
        cursor.transform.localPosition = Vector2.zero;

        // TODO 親子関係にしない場合の移動。こちらも問題なし
        //cursor.transform.position = inventryGrid[cursor_horizontal, cursor_vertical].position;
    }
    
    void Update()
    {
        // TODO インベントリーを開けない状態がある場合には、ここで制御する
        
        // 各ボタン制御
        ProcessInventoryButtons();
    }
    
    /// <summary>
    /// 各ボタンの制御
    /// </summary>
    private void ProcessInventoryButtons()
    {
        // インベントリーの表示/非表示の制御
        if (Input.GetKeyDown(KeyCode.E))
        {
            // インベントリーの状態に応じて表示/非表示を切り替える
            if (inventory_UI.activeSelf) {
                HideInventory();
            } else {
                ShowInventry();
            }
        }

        // インベントリー内のメニュー切り替え
        if (Input.GetKeyDown(KeyCode.R)) {

            // メニュー番号を増やす。インベントリメニューの数を超えたら 0 に戻す
            inventoryMenuNum = ++inventoryMenuNum % inventoryMenus.Length;

            // インベントリーメニュー切り替え
            ChangeInventoryMenus();
        }
    }

    /// <summary>
    /// インベントリー非表示
    /// </summary>
    private void HideInventory() {
        inventory_UI.SetActive(false);
        
        // TODO 他にもインベントリーを閉じる際に必要な処理があれば追加する
        
        
    }
    
    /// <summary>
    /// インベントリの表示
    /// </summary>
    private void ShowInventry() {
        inventory_UI.SetActive(true);

        // カーソルをフォーカスする位置の設定
        if (!isMemoryCursorPos) {
            // カーソル位置を記憶させない場合、初期メニューを初期カーソル位置で開く
            SetDefaultCursorPos(0);
        }
        else {
            // カーソルの位置を記憶させる場合、カーソルの位置にフォーカスし、記憶したメニューで開く
            SetMemoryCursorPos();
        }

        // 記録されているメニューを開く。カーソル位置を記憶していない場合には初期メニューが開く
        ChangeInventoryMenus();
    }
    
    /// <summary>
    /// 表示するメニューを更新
    /// </summary>
    private void ChangeInventoryMenus() {
        
        for (int i = 0; i < inventoryMenus.Length;i++) {
            // if (i == inventryMenuNum) {
            //     inventoryMenus[i].SetActive(true);
            // }
            // else {
            //     inventoryMenus[i].SetActive(false);
            // }
            
            // 上記の if / else を1行で書く場合(評価結果が bool 値になるので、それを利用する)
            inventoryMenus[i].SetActive(i == inventoryMenuNum);
        }
        
        // TODO メニューごとにカーソル座標を保持しておき、その位置に戻す
        
    }
    
    /// <summary>
    /// カーソル位置を記憶している場合のカーソル設定
    /// </summary>
    private void SetMemoryCursorPos() {
        // カーソルの位置を記憶させる場合、カーソルの位置にフォーカスする
        EventSystem.current.SetSelectedGameObject(cursor.transform.gameObject);
    }
    
    /// <summary>
    /// 外部クラスから実行する
    /// このメソッドは Start メソッドを利用しない場合に使う
    /// </summary>
    public void SetUpInventoryManager() {   // 必要に応じて引数を設定する
        
        // TODO 引数を利用する場合には、ここで利用する
        
        // そのため、Start メソッド内の内容をここに記載する
        InitializeInventory();
    }
}

解説

　UI でキーボードやジョイパッドによるカーソル移動を実現するには、以下の手順が必要になります。

１．UI が開いたとき、１つのゲームオブジェクトにフォーカスする。このゲームオブジェクトがカーソルの初期位置になるようにする
２．キー入力とカーソルの動きを連動させる

１．UI が開いたとき、１つのゲームオブジェクトにフォーカスする。このゲームオブジェクトがカーソルの初期位置になるようにする

　１については、Unity が用意している処理があります。

''EventSystem.current.SetSelectedGameObject() メソッド''

　このメソッドを利用し、引数には GameObject 型を指定することで、フォーカスします。
これは UnityEngine.EventSystems 名前空間(namespace)に含まれていますので、using で宣言しています。

２．キー入力とカーソルの動きを連動させる

　２については、キー入力部分と、カーソルへの情報を渡す部分をそれぞれ作ります。
　キー入力には、UniRx.Triggers を拡張している先ほどの InputAsObservable アセットを利用します。

this.OnAxisRawAsObservable("Horizontal")      // GetAxisRaw メソッドと同じ
    .Where(horizontal => horizontal != 0)     // キー入力があるか確認
    .ThrottleFirst(TimeSpan.FromSeconds(inputDelay))     // 連続入力を制御。inputDelay 時間だけ連続入力を受け付けない
    .Subscribe(horizontal => MoveCursor((int)horizontal, 0));   // キー入力の値を MoveCursor に渡して移動先を決める

　これがキー入力部分です。
　this とあるのは、このクラスと、このクラスが継承している MonoBehaviour クラスを指しています。
その中に用意されている Input.GetAxisRaw メソッドを UniRx の形で書いた書式になります。

　UniRx は、一度処理を作成すれば、自動的に監視処理が実行されます。

　このケースであれば、Horizontal 方向(X 軸)のキー入力を監視し、Where 部分で条件を確認します。これは if 文と同じ機能です。
つまり、Horizontal 方向(左右矢印、あるいはAWキー)の入力を OnAxisRawAsObservable("Horizontal") で受付、
実際に入力値があるかどうかを.Where(horizontal => horizontal != 0)部分でチェックしています。キー入力があれば値は 0 以外になるためです。

　その下にある .ThrottleFirst(TimeSpan.FromSeconds(inputDelay)) の処理は、重複入力を防ぐ機能です。
GetAxisRaw による命令はキャラの移動にも利用できるように連続して判定します。
そのため、1秒押しただけでも画面端までカーソルが一気に移動してしまうので、
それを引数で指定した時間だけ、キー入力を受け付けないようにすることで
キー入力をし続けても、一定の間隔でカーソルを移動できるように調整しています。

　最後の .Subscribe(horizontal => MoveCursor( (int)horizontal, 0)) がキー入力があったときに実行される処理です。
horizontal 変数に、今回の分のキー入力の値が入るので、1 か -1 の値が入っており、それを MoveCorsor メソッドに渡しています。

　ここで利用されている処理の記述は UniRx のものですが、メソッドを複数つなげていくメソッドチェーンという書式は C# 自体の機能です。

　MoveCorsor メソッドでは、キー入力の値が X 軸と Y 軸について利用し、それをカーソルの位置に落とし込んでいます。
また、カーソルが移動できるグリッド(枠)を超えていないかを判定し、移動できない場合には前の位置に再移動させています。
　カーソルは移動時に親子関係を使って移動していますが、単純にカーソルの座標だけを動かしてもいいです。
ただし、親子関係にしておくと、親のゲームオブジェクトが「アイテムアイコン」のゲームオブジェクトになりますので、
カーソルの位置からアイテムアイコンの情報を参照しやすくなるので、このようにしていますが、この辺りは任意だと思います。

　メニュー１については、フラグを使うことでカーソルの位置を記憶させるケースとさせないケースの切り替えが出来るようにしてあります。

　ボタンを押すたびに１と２を切り替えます。

スクリプトをアタッチして設定を行う

　作成したスクリプトは、どのゲームオブジェクトにアタッチしても問題ありません。(なぜ、どのゲームオブジェクトでも問題ないのか、理由を考えてみましょう。)
新規作成したゲームオブジェクトでもよいですし、Canvas でも問題ありません。

　GridList 変数には Grid(移動可能なマス目)の位置用のゲームオブジェクトをアサインしてください。
ここに登録した位置に Grid を生成し、カーソル移動可能なオブジェクトとして利用します。
また多次元配列の座標がわかりやすいように、ゲームオブジェクトの名称がゲーム実行時に座標名に変更されます。

　Cursor 変数にアサインするゲームオブジェクトは、Canvas 内に作成したカーソル用のゲームオブジェクトをアサインしてください。

　IsMemoryCursorPos にチェックを入れると、メニュー1のみ、カーソルの位置を記憶しますので、
一度、インベントリを閉じて開き直しても、前のカーソルの位置からスタートします。

ゲームを実行して動作を確認する

　ゲーム実行時のものです。
GridList 変数に登録したゲームオブジェクトの名前を、デバッグしやすいように座標位置に変更しています。

＜実装動画＞

動画ファイルへのリンク

まとめ

　まだ完成はしていませんが、メニュー１と２への切り替えも入れてあります。
ただし、カーソルの位置がメニュー１しか対応していません。

　UniRx でキー入力の情報を作成するメリットは、Update メソッド内にキー入力の処理を書かなくて済むようになり、処理の負荷軽減が見込めます。
　
　また今回はやっていませんが、インベントリの表示/非表示などの Update 内に書いてある処理もすべて UniRx での記述に変更可能です。
そうすることで Update メソッドを書かなくて済みます。

　その場合、this.UpdateAsObservable メソッドを使う形になりますので、よろしければ調べてみてください。
あるいは、ChatGPT に Update 内の処理を書いて、UniRx への変換を指示してもらってもいいかもしれません。

　UniRx を利用すると「①こういうことが起きたとき、②こういうことを実行する」という形の変換が出来ます。
これは普段利用しているボタンの処理を、色々なものにも対応させるイメージです。

　ボタンを押したら、登録してあったメソッドが動く、というのを、他の処理にも応用できます。
これは処理のイベント化や、イベント駆動型の処理ともいい、事前に「①②」を設定しておくことで実現しています。

　この処理は非同期処理となるので、コルーチンメソッドと同じく、メインの処理から分離されて動き出します。
Update メソッドの場合、メインの処理内でボタンを押したかどうかを監視する形になりますが、
非同期処理の場合にはメインの処理とは別の場所で動くので、相対的に処理の負荷軽減が実装出来ます。

　例えば、①A というフラグが立ったら ② B というメソッドを実行する」というような、フラグ監視の処理を Update に書くのではなくて
事前にセットしておくだけで、あとはずっと監視してくれるのが UniRx の実現できる内容です。

　この①と②の間には、オプション設定が可能です。
それが今回のキー入力の部分でも利用されています。

this.OnAxisRawAsObservable("Horizontal")      // GetAxisRaw メソッドと同じ
    .Where(horizontal => horizontal != 0)     // キー入力があるか確認
    .ThrottleFirst(TimeSpan.FromSeconds(inputDelay))     // 連続入力を制御。inputDelay 時間だけ連続入力を受け付けない
    .Subscribe(horizontal => MoveCursor((int)horizontal, 0));   // キー入力の値を MoveCursor に渡して移動先を決める

＜キー入力を監視する＞
①　this.OnAxisRawAsObservable("Horizontal") // GetAxisRaw メソッドと同じ

＜それに対応して、処理を実行する＞
②　.Subscribe(horizontal => MoveCursor( (int)horizontal, 0)); // キー入力の値を MoveCursor に渡して移動先を決める

　この①と②の間にある２つの処理がオプションです。
この場合は、「キー入力があったか確認」「一定時間おきにキー入力を受け付ける」という設定をしているので、
②の処理に行く前に色々な条件を設定することで、自分の想定している処理を実現しています。

参考サイト

ソフトライム様
C#スキル別、Inventory（インベントリ）持ち物システム

InventoryManager の応用例

　ゲームの状態に合わせて、インベントリウインドウの挙動も調整しましょう。

　こちらのケースの場合には最初にアイコンを生成して並べています。

InventoryManager.cs

<= クリックすると開きます。

using System;
using System.Collections.Generic;
using InputAsRx.Triggers;
using UniRx;
using UnityEngine;
using UnityEngine.EventSystems;

public class InventoryManager_Refact : MonoBehaviour
{
#pragma warning disable 0649  // [SerializeField] を利用している際に Console に表示される CS0649 の警告を無視する(表示させない)
    [SerializeField] private GameObject inventory_UI;           // インベントリー
    [SerializeField] private GameObject[] inventoryMenus;       // 個別に用意せず、配列や List で管理する。増減したときにソースコードを変更しなくて済むため
    [SerializeField] private GameObject itemIconPrefab;         // アイテムのゲームオブジェクトのプレハブ
    
    [SerializeField] private List<Transform> gridList = new();  // インベントリ内に配置する Grid の位置
    [SerializeField] private GameObject cursor;                 // カーソル
    [SerializeField] private bool isMemoryCursorPos;            // カーソルの位置を記録するかどうか。true なら記録する
#pragma warning restore 0649  // ここまでの変数が対象
    
    private Transform[,] inventryGrid;   // 多次元配列を利用してインベントリ内の Grid を座標として管理する
    private int numRows = 4;             // インベントリの Grid 行数(X 方向)
    private int numColumns = 3;          // インベントリの Grid 列数(Y 方向)
    
    private int cursor_horizontal = 0;   // カーソルの X 軸の位置
    private int cursor_vertical = 0;     // カーソルの Y 軸の位置
    private float inputDelay = 0.25f;    // キー入力時の待機時間。連続入力を防ぎ、一気に移動しないように制御する

    private int inventoryMenuNum;        // 現在のインベントリーメニューの番号

    
    void Start()
    {
        // 初期設定
        // SetUpInventoryManager() メソッドを利用する場合には、処理内部をコメントアウトする
        InitializeInventory();
    }
    
    /// <summary>
    /// 初期設定
    /// </summary>
    private void InitializeInventory()
    {
        inventory_UI.SetActive(false);
        
        // インベントリ内の Grid の設定
        SetGrids();
        
        // インベントリ内にアイテムアイコン作成
        GenerateItemIcons();　　//　←　☆　コメントアウトの解除
        
        // インベントリ内のカーソル位置の初期設定
        SetDefaultCursorPos(0);

        // インベントリ内のカーソル移動の入力設定
        HandleCursorInputs();
    }

    /// <summary>
    /// インベントリ内の Grid の設定
    /// </summary>
    private void SetGrids() {
        
        // TODO この中の処理は、インベントリのメニューの Grid の形で変わる
        
        // 今回は四角形ではない場合ので、座標を作り直す
        inventryGrid = new Transform[numRows, numColumns];

        int count = 0;
        for (int x = 0; x < numRows; x++) {
            for (int y = 0; y < numColumns; y++) {
                if ((x == 2 || x == 3) && y == 0) {
                    continue;
                }

                inventryGrid[x, y] = gridList[count];
                gridList[count].name = $"{x} : {y}";
                count++;
            }
        }

        // 多次元配列時のメニュー１内の座標 [x-y]
        // [0-0, 1-0]
        // [0-1, 1-1, 2-1, 3-1]
        // [0-2, 1-2, 2-2, 3-2]
    }

    /// <summary>
    /// 所持しているアイテムの情報を元にしてアイテムアイコンを生成して配置する
    /// </summary>
    private void GenerateItemIcons() {

        if (itemIconPrefab == null) {
            return;
        }

        // TODO 仮処理。アイテムアイコンの生成
        for (int i = 0; i < gridList.Count; i++) {
            Instantiate(itemIconPrefab, gridList[i], false);
            
            // TODO ここでアイテムのデータを設定する
            
        }
    }

    /// <summary>
    /// カーソル関連の初期設定
    /// および、カーソル位置を記憶していない場合のカーソル設定
    /// </summary>
    private void SetDefaultCursorPos(int menuNum) {
        // カーソル情報の初期化
        cursor_vertical = 0;
        cursor_horizontal = 0;

        inventoryMenuNum = menuNum;
            
        // カーソルの位置を記憶しない場合、初期位置にフォーカスしてカーソルも初期位置に置く
        // TODO InventoryGrid は、メニューごとに設定するので、List 化する
        EventSystem.current.SetSelectedGameObject(inventryGrid[0, 0].gameObject);
        
        cursor.transform.SetParent(inventryGrid[0, 0]);
        cursor.transform.localPosition = Vector2.zero;
    }
    
    /// <summary>
    /// キー入力制御
    /// </summary>
    private void HandleCursorInputs() {

        // namespace InputAsRx.Triggers に用意されている UniRx の拡張メソッドを利用する
        this.OnAxisRawAsObservable("Horizontal")      // GetAxisRaw メソッドと同じ
            .Where(horizontal => horizontal != 0)     // キー入力があるか確認
            .ThrottleFirst(TimeSpan.FromSeconds(inputDelay))     // 連続入力を制御。inputDelay 時間だけ連続入力を受け付けない
            .Subscribe(horizontal => MoveCursor((int)horizontal, 0));   // キー入力の値を MoveCursor に渡して移動先を決める
        
        this.OnAxisRawAsObservable("Vertical")
            .Where(vertical => vertical != 0)
            .ThrottleFirst(TimeSpan.FromSeconds(inputDelay))
            .Subscribe(vertical => MoveCursor(0, (int)vertical));
    }
    
    /// <summary>
    /// カーソル移動
    /// </summary>
    /// <param name="horizontal"></param>
    /// <param name="vertical"></param>
    private void MoveCursor(int horizontal, int vertical) {
        //Debug.Log($"入力値 {horizontal} : {vertical}");
        
        // 新しいカーソル位置が移動できない地点である可能性があるので、一旦、現在の位置を保持しておく
        Vector2Int tempPos = new(cursor_horizontal, cursor_vertical);
        
        // インベントリー内の Grid からはみ出ないように補正(配列外にならないように)した上でカーソル位置を更新
        cursor_horizontal = Mathf.Clamp(cursor_horizontal + horizontal, 0, numRows -1);
        cursor_vertical = Mathf.Clamp(cursor_vertical - vertical, 0,  numColumns -1);

        //Debug.Log($"新しい位置 {cursor_horizontal} : {cursor_vertical}");

        // 新しい位置が移動できない位置(配列外)の場合には、現在の位置をもう一度指定する
        if (cursor_vertical == 0 && (cursor_horizontal == 2 || cursor_horizontal == 3)) {
            cursor_horizontal = tempPos.x;
            cursor_vertical = tempPos.y;
        }

        // カーソル移動
        cursor.transform.SetParent(inventryGrid[cursor_horizontal, cursor_vertical]);
        cursor.transform.localPosition = Vector2.zero;

        // TODO 親子関係にしない場合の移動。こちらも問題なし
        //cursor.transform.position = inventryGrid[cursor_horizontal, cursor_vertical].position;
    }
    
    void Update()
    {
        // TODO インベントリーを開けない状態がある場合には、ここで制御する
        
        // 各ボタン制御
        ProcessInventoryButtons();
    }
    
    /// <summary>
    /// 各ボタンの制御
    /// </summary>
    private void ProcessInventoryButtons()
    {
        // インベントリーの表示/非表示の制御
        if (Input.GetKeyDown(KeyCode.E))
        {
            // インベントリーの状態に応じて表示/非表示を切り替える
            if (inventory_UI.activeSelf) {
                HideInventory();
            } else {
                ShowInventry();
            }
        }

        // インベントリー内のメニュー切り替え
        if (Input.GetKeyDown(KeyCode.R)) {

            // メニュー番号を増やす。インベントリメニューの数を超えたら 0 に戻す
            inventoryMenuNum = ++inventoryMenuNum % inventoryMenus.Length;

            // インベントリーメニュー切り替え
            ChangeInventoryMenus();
        }
    }

    /// <summary>
    /// インベントリー非表示
    /// </summary>
    private void HideInventory() {
        inventory_UI.SetActive(false);
        
        // TODO 他にもインベントリーを閉じる際に必要な処理があれば追加する
        
        
    }
    
    /// <summary>
    /// インベントリの表示
    /// </summary>
    private void ShowInventry() {
        inventory_UI.SetActive(true);

        // カーソルをフォーカスする位置の設定
        if (!isMemoryCursorPos) {
            // カーソル位置を記憶させない場合、初期メニューを初期カーソル位置で開く
            SetDefaultCursorPos(0);
        }
        else {
            // カーソルの位置を記憶させる場合、カーソルの位置にフォーカスし、記憶したメニューで開く
            SetMemoryCursorPos();
        }

        // 記録されているメニューを開く。カーソル位置を記憶していない場合には初期メニューが開く
        ChangeInventoryMenus();
    }
    
    /// <summary>
    /// 表示するメニューを更新
    /// </summary>
    private void ChangeInventoryMenus() {
        
        for (int i = 0; i < inventoryMenus.Length;i++) {
            // if (i == inventryMenuNum) {
            //     inventoryMenus[i].SetActive(true);
            // }
            // else {
            //     inventoryMenus[i].SetActive(false);
            // }
            
            // 上記の if / else を1行で書く場合(評価結果が bool 値になるので、それを利用する)
            inventoryMenus[i].SetActive(i == inventoryMenuNum);
        }
        
        // TODO メニューごとにカーソル座標を保持しておき、その位置に戻す
        
    }
    
    /// <summary>
    /// カーソル位置を記憶している場合のカーソル設定
    /// </summary>
    private void SetMemoryCursorPos() {
        // カーソルの位置を記憶させる場合、カーソルの位置にフォーカスする
        EventSystem.current.SetSelectedGameObject(cursor.transform.gameObject);
    }
    
    /// <summary>
    /// 外部クラスから実行する
    /// このメソッドは Start メソッドを利用しない場合に使う
    /// </summary>
    public void SetUpInventoryManager() {   // 必要に応じて引数を設定する
        
        // TODO 引数を利用する場合には、ここで利用する
        
        // そのため、Start メソッド内の内容をここに記載する
        InitializeInventory();
    }
}

このページを編集するこのページを元に新規ページを作成

印刷する

コメント（0）

UniRx を利用したキー操作可能なインベントリの実装例② - i-school 先頭へ

コメントをかく

名前	ユーザIDを使用しないで書き込む	ユーザーIDを使う	ログインする
画像コード	画像に記載されている文字を下のフォームに入力してください。
備考	「http://」を含む投稿は禁止されています。
本文
利用規約をご確認のうえご記入下さい

i-school