【unity】コマンドバトル作ってみた➁（UI下準備）

はじめに

今回はUIの準備をします。

行動選択UI作成

以下の画面になるように設定していきます。

1. imageで白の背景を生成
2. 黒い四角(■)を3つ配置。(名前はyazirusi, yazirusi(1), yazirusi(2)にしてます)
3. Textで「たたかう」「かいふく」「逃げる」を作成（テキストの設定は画像の通り）
4. 2、3をimageの子オブジェクトにします！
5. 最後にimageを非表示にします。Inspectorビューのオブジェクト名の左のチェックを外しすと非表示にできます。

スクリプトとUIを紐付け

スクリプトでUIを設定できるようにBattleManagerにコードを追加していきます。

BattleManager

public class BattleManager : MonoBehaviour
{
    //スクリプトの取得
    PlayerScript player;
    EnemyScript enemy;

    //Playerの情報
    public int PlayerHp;
    public int PlayerMp;
    public bool PlayerMove;
    //敵の情報
    private int EnemyHp;
    private int EnemyMp;
    private GameObject Enemy;

    //追加
    //UI
    public GameObject image;
    public GameObject[] yazirusi1 = new GameObject[3];

    //追加
    //矢印の番号
    int n = 0;

    void OnCollisionEnter2D(Collision2D col)
    {
        if (col.gameObject.tag == "Enemy")
        {
            //playerの情報取得
            player = this.gameObject.GetComponent<PlayerScript>();
            PlayerHp = player.PlayerHp;
            PlayerMp = player.PlayerMp;

            //enemyの情報取得
            enemy = col.gameObject.GetComponent<EnemyScript>();
            EnemyHp = enemy.EnemyHp;
            Enemy = col.gameObject;

            //追加
            //image表示
            image.SetActive(true);
            for (int i = 0; i < 3; i++)
            {
                //先頭の■を表示
                if (i != n)
                {
                    yazirusi1[i].SetActive(false);
                }
            }

            //playerの動きを止める
            PlayerMove = false;
        }
    }
}

unityからUIを紐付け

以下のように設定してください。

攻撃選択用のUI作成

同じ要領で攻撃選択用のUIを作成します！

BattleManager

    //UI
    public GameObject image;
    public GameObject[] yazirusi1 = new GameObject[3];
    //追加
    public GameObject attackImage;
    public GameObject[] yazirusi2 = new GameObject[6];

紐付けは以下になります。

今回はここまでとします。再生しEnemyに当たると行動選択UIが表示されるようになっているので確認してみてください！

次回はいよいよコードを書いてコマンドバトルを実装していきます！