アイテムポーチをつくる-経験ゼロのド素人が触るUnity日記

Unity:サムネイル画像4 ゲーム制作

前回はアイテムデータベースを作成しました。

今回はアイテムポーチを実装します。

設計

Canvasを作成してスロットを付けます。

Unity:キャンバスとスロットの作成
キャンバスとスロットを作成

スロット数はとりあえず4個。

スロットをマウスで押したらアイテムを消費するように実装します。

パネル構成はこうなっています。

「TMP」にはテキスト文を格納して、アイテムの説明を表示する予定です。

Unity:アイテムポーチのパネル構成
アイテムポーチのパネル構成

実装

以下のプログラムを使用しました。

using UnityEngine;
using System.Collections;
using UnityEngine.UI;
using TMPro;

/* スロット管理を行うクラス */
public class SlotProcess : MonoBehaviour {
    
//  アイテムデータベース
	public GameObject MainCamera;
	
//	テキスト文
	public TextMeshProUGUI TMP;
	
//  アイテムポーチに表示するアイコン
	private Sprite icon;
	public  Image  image;
	
//  アイテムデータ
	private string item_name;
	private string item_inf;
	private int    item_num;
	private int    item_stamina;
	private int    item_water;


//  アイテムデータをセット
    public void SetItem(string i_name)
	{
		item_name    = i_name;
		item_num     = GetItem(item_name).GetItemNum();
		item_inf     = GetItem(item_name).GetInformation();
		item_stamina = GetItem(item_name).GetStaminaEffect();
		item_water   = GetItem(item_name).GetWaterEffect();
		icon         = GetItem(item_name).GetIcon();
		image        = this.GetComponent<Image>();
        image.sprite = icon;
		TMP.text     = "  ";
	}
	
	
//  アイテムデータの初期化
	public void RemoveSlot()
	{
		item_name    = null;
		icon         = null;
		image        = this.GetComponent<Image>();
		item_inf     = null;
        image.sprite = null;
		TMP.text     = "  ";
		item_num     = 0;
		item_stamina = 0;
		item_water   = 0;
	}
	
	
//  マウスがスロットに重なった場合
    public void MouseOver() 
	{
//		テキストボックス取得
		TMP = TMP.GetComponent<TextMeshProUGUI>();
		
//		テキスト反映
		TMP.text = item_name + ':' + item_num.ToString() + "\n" + item_inf;
    }
	
	
//  アイテムを使おうとした場合
	public void MouseClick()
	{
//		アイテムが存在するなら使用
		if(0 < item_num)
		{
			/*ここに使用したときの処理を記述*/
			GetItem(item_name).SetItemNum(--item_num);
			
//			アイテムが無くなったらスロットを空にする
			if(item_num < 1)
				RemoveSlot();
		}
	}


//	マウスがスロットから離れた場合
    public void MouseExit() 
	{
//		テキスト反映
		TMP.text = "  ";
    }
	
	
//	アイテムデータベースに同名のアイテムがあるか
	public Item GetItem(string searchName) 
	{
//		アイテムデータベースから、指定されたアイテムデータを取得 ( パス : MainCamera(ゲームオブジェクト) → ItemManager(スクリプト) → ItemDataBase(アイテムデータベース) )
		return MainCamera.GetComponent<ItemManager>().itemDataBase.GetItemLists().Find(itemName => itemName.GetItemName() == searchName);
	}

}

プレイヤーのアイテム所持数を確認して、持ってるアイテムの画像をはめています。

ホバー時(マウスが画像に触れる)に「アイテム名」「所持数」「説明文」を表示します。

画像に触れている状態でマウスを左クリックすると使用します。

(正確には押されたアイテムの所持数を-1する)

Unity:作成したアイテムポーチ
作成したアイテムポーチ

アイテムポーチを開いている間は「一時停止状態」にしています。

以下のサイトを参考にしました。

アイテムのアイコンには以下のアセットを使用しています。

また、スロットのコンポーネントはこのようにしています。

Unity:アイテムスロットのコンポーネント設定
アイテムスロットの設定
  • クリック時にアイテムを使用する関数に遷移
  • スロットに触れたらアイテム情報を表示する関数に遷移
  • アイテムデータベースはメインカメラに取り付けてるので参照先にメインカメラを設定してアイテムデータベースを参照できるようにする
  • テキストにアイテム情報を出力するので参照先にTextコンポーネントを設定
  • アイテムデータベースからアイテム画像を取得するのでImageコンポーネントを設定

アイテムポーチが完成したので今回はここまでにします。

次回はアイテムをフィールドに生成してみます。

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