#4 自動販売機のボタン類スクリプト作成【Unityミニゲーム】

2022-02-012023-02-13

今回はいくつかのボタンが現れます。まずはスクリプトを作り、Unityでのセットアップを行うという流れ。オーバーテクノロジーが含まれるかも知れませんが頑張ってついてきてください！

ジュース用ボタンを作る

まずは自動販売機の商品部分にあたるジュースボタンを作りたいと思います。ジュースボタンはスクリプタブルオブジェクトも連携させますのでMVCの考え方も身につきますよ！

スクリプト(JuiceButton)

ジュースのボタン用スクリプトはもちろんJuiceButton.csです。ジュースは画像をクリックされることで処理が実行されます。また、ゲームを実行するとスクリプタブルオブジェクトに対応したジュースの画像をセットします。

using UnityEngine;
using UnityEngine.Events;

public class UnityEventJuice : UnityEvent<JuiceModel> { }

public class JuiceButton : MonoBehaviour
{
	[SerializeField]
	private JuiceModel m_juiceModel;
	public JuiceModel model { get { return m_juiceModel; } }
	public UnityEventJuice m_eventJuice = new UnityEventJuice();
	public void OnClick()
	{
		Debug.Log(m_juiceModel.juice_name);
		m_eventJuice.Invoke(m_juiceModel);
	}
	private void Start()
	{
		GetComponent<SpriteRenderer>().sprite = m_juiceModel.sprite;
	}
	public void ShowJuice(int _iCoin)
	{
		if (model.price <= _iCoin)
		{
			GetComponent<SpriteRenderer>().color = Color.white;
		}
		else
		{
			GetComponent<SpriteRenderer>().color = new Color(1f, 1f, 1f, 0.5f);
		}
	}
}

PrefJuiceの編集

作っているPrefJuiceを編集しましょう。

STEP

コンポーネントを追加

PrefJuiceに以下のコンポーネントを追加してください

JuiceButton(先程編集したやつ)
EventTrigger

STEP

EventTriggerの設定を追加

「Add New Event Type」ボタンを押して、PointerClickを追加します。追加後は「＋」ボタンを押してNone(Object)にヒエラルキーのPrefJuiceをセットします。

セット後にプルダウンメニューからJuiceButton/OnClickメソッドを指定してください。

スクリプタブルオブジェクトのセット

プレファブの編集が終わると、シーン内のPrefJuiceの表示が変わっていると思います。シーンの編集に戻って４つ準備したジュースのインスペクターにそれぞれ異なるスクリプタブルオブジェクトをセットしましょう。

下図では一つのセットのみしていますが、ほかのプレファブのJuiceModelにもセットを行っています。

イベント用のコンポーネントセットアップ

ジュース用のボタンはSpriteRendererをクリックすることで押せるようにします。そのためにはMain CameraにPhysics 2D Raycasterが必要になります。Main Cameraを選択してAdd ComponentでPhysics 2D Raycasterをつけてください

Physics 2D Raycasterを使うにはEventSystemが必要になります。UIなどを実装すればもれなくついてくると思いますが、もしない場合は追加でセットしてください。(GameObject/UI/EventSystemから追加出来ます)

動かしてみましょう、動作チェック

ここまで出来たらゲームを起動してみましょう。起動するとジュースの表示が対応したスクリプタブルオブジェクトの画像に切り替わるはずです。また各ジュースをクリックすると、デバッグログに商品の名前が表示されるのも合わせて確認しましょう。

起動後に下図のようなエラーが出る場合、対応したオブジェクトにJuiceModelのセットをし忘れている可能性があります。ログ部分をクリックすると対応したオブジェクトが黄色くピクっとしますのでそのインスペクターを確認してみてください。

お釣り用ボタン作成

こちらはジュース用のボタンとだいたい似たような工程になります。スクリプト内容以外だとスクリプタブルオブジェクトをセットしないこと以外はだいたい同じです。スクリプトを作成したらジュースボタンのセットアップを見ながらセットアップしてみてください

スクリプト(ChangeButton.cs)

using UnityEngine;
using UnityEngine.Events;

public class ChangeButton : MonoBehaviour
{
	public UnityEvent m_eventPush = new UnityEvent();
	public void OnClick()
	{
		Debug.Log("ChangeButton.Clicked");
		m_eventPush.Invoke();
	}
}