アイテムスロットにアイテムを装着する機能の実装例②

　キャラ配置用のポップアップ内に生成する、キャラのボタン用のゲームオブジェクトを作成します。

　１つのボタン型のゲームオブジェクトを作成し、そちらに異なるふるまいをさせることで、１つのゲームオブジェクトから異なって見えるゲームオブジェクトを作成します。
下記のヒエラルキー画像を見ていただくとわかりますが、Content ゲームオブジェクトの子オブジェクトとして５つのボタンのゲームオブジェクトがあります。
これらはすべて同じゲームオブジェクトですが、ゲーム画面では異なるボタンのようにふるまっています。

　こちらの処理を実装するために、まずはボタンのゲームオブジェクトと制御用のスクリプトの作成を行います。

ヒエラルキー画像

目標画面

　以下の内容で実装を進めていきます。

　新しい学習内容は、以下の通りです。

　・振る舞いを変える前提のゲームオブジェクトのプレファブの作成

３５．キャラ選択用のボタン型ゲームオブジェクトとして SelectCharaDetail を作成する

１．設計

　ポップアップの中には配置可能なキャラをボタン表示して、選択できる状態にします。
このボタンとなるゲームオブジェクトの作成を行っていきます。

　この手順で作成するボタンは１つだけです。
このボタンに、異なる情報を与えることにより、１つのゲームオブジェクトを異なるゲームオブジェクトのように振る舞いを変更する前提で設計を行います。

　具体的には、複数のキャラのボタンが必要になる際に、そのキャラの分だけゲームオブジェクトを作成しておくのではなく、
１つのゲームオブジェクトの振る舞いを変えることによって、異なるボタンとすることができます。

　これは、ボタンとして同じ機能を有するゲームオブジェクトを複数個作成するという手間を省くだけではなく、
キャラの情報が増えても、その情報を反映することによって自動的に処理を行えるようにもすることが出来ます。

＜振る舞いの変更を利用しない場合の考え方＞

　・キャラ１のボタンのゲームオブジェクト
　・キャラ２のボタンのゲームオブジェクト
　・キャラ３のボタンのゲームオブジェクト
　　　　↓
　　問題点　①キャラが増えるたびに、同じ構成のゲームオブジェクトを作り足す必要がある
　　　　　　②修正が必要な場合、それぞれのゲームオブジェクトに１つずつ修正を行う必要がある
　　　　　　③キャラの情報以外はすべて同じ内容(コンポーネント)で作られているので、非常に無駄が多い

　　　

＜振る舞いの変更を利用する場合の考え方＞

　・キャラ用のボタンのゲームオブジェクト
　　　　↓
　　問題点の解消　①キャラが増えてもゲームオブジェクトを増やす必要がない
　　　　　　　　　②修正が必要な場合にも１つだけ修正すればいい　
　　　　　　　　　③キャラの情報だけ差し替えているので、ゲームオブジェクトの本質は変わらないので、非常に無駄がない

　ゲームオブジェクトの振る舞いを変更することにより、これだけの差が生じます。
上手く活用して、ゲーム製作の設計を柔軟かつ、簡便なものにしていくようにしましょう。

２．SelectCharaDetail ゲームオブジェクトを作成する

　それでは、キャラのボタン用のゲームオブジェクトを作成します。
このゲームオブジェクトの振る舞いを変更してボタンの情報を変更します。

　作成場所は、Content ゲームオブジェクトの子オブジェクトとして作成を行います。
何故ならば、この場所にボタンとして複数自動生成を行うように処理を設計していくためです。

ヒエラルキー画像

Gameビュー画像

インスペクター画像

　プレファブのゲームオブジェクト内にプラスアイコン付きで表示されているゲームオブジェクトは、元のプレファブのとの差分のゲームオブジェクトであることを示しています。
今回の場合であれば、プレファブ本体には SelectCharaDetail というゲームオブジェクトが存在していないため、元のプレファブと異なる部分の目印となっています。

　ボタンのゲームオブジェクトの作成方法については、いままの学習した内容を元に挑戦してみてください。

３６．SelectCharaDetail スクリプトを作成する

１．設計

　ゲームオブジェクトの振る舞いを変更するためには、情報が必要になります。
現在作成してあるボタン用のゲームオブジェクトは、いずれのキャラの情報もありませんので、情報を持たないボタンに過ぎません。

　こちらに対して、キャラの情報を与えることにより、その情報を元に、ボタンとしても振る舞いを変更するように設計を行います。
キャラの情報は、事前にインスペクターで設定しておく方法と、外部からメソッドの引数を通じて受け取って利用する方法があります。
今回は特に振る舞いを変える前提で設計を行っていますので、事前に登録しておいたのでは単一の情報しか利用できず、振る舞いを変えられません。

　専用の引数を持つメソッドを準備しておいて、そちらにキャラの情報を受け取ることで、その情報に合わせて振る舞いを変更することで
同じゲームオブジェクトながら、異なるキャラのボタンとして振る舞うように処理を施します。

　そのためのクラスを作成し、このクラスが振る舞いを変更し、ボタンの情報を管理する役割を担当します。

２．SelectCharaDetail スクリプトを作成する

　ボタンのゲームオブジェクトのためのキャラの情報を管理し、その情報に合わせて振る舞いを変更させたり、
ボタンとしての機能を制御するためのクラスになります。

　TODO の処理にも注視しながら、どういった役割を持っているクラスなのかを理解しながら実装を進めていきましょう。

SelectCharaDetail.cs

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using DG.Tweening;

public class SelectCharaDetail : MonoBehaviour
{
    [SerializeField]
    private Button btnSelectCharaDetail;

    [SerializeField]
    private Image imgChara;

    private PlacementCharaSelectPopUp placementCharaSelectPop;

    private CharaData charaData;

    /// <summary>
    /// SelectCharaDetail の設定
    /// </summary>
    /// <param name="placementCharaSelectPop"></param>
    /// <param name="charaData"></param>
    public void SetUpSelectCharaDetail(PlacementCharaSelectPopUp placementCharaSelectPop, CharaData charaData) {

        this.placementCharaSelectPop = placementCharaSelectPop;
        this.charaData = charaData;


        // TODO ボタンを押せない状態に切り替える


        imgChara.sprite = this.charaData.charaSprite;


        // ボタンにメソッドを登録
        btnSelectCharaDetail.onClick.AddListener(OnClickSelectCharaDetail);


        // TODO コストに応じてボタンを押せるかどうかを切り替える

    }

    /// <summary>
    /// SelectCharaDetail を押したの処理
    /// </summary>
    private void OnClickSelectCharaDetail() {

        // TODO アニメ演出

        // タップした SelectCharaDetail の情報をポップアップに送る
　　　　// TODO 次の手順で、PlacementCharaSelectPop スクリプト内に SetSelectCharaDetail メソッドを作成するため、それまでコメントアウトしておいてください
        //placementCharaSelectPop.SetSelectCharaDetail(charaData);
    }
}

　スクリプトを作成したらセーブします。

３．SelectCharaDetail ゲームオブジェクトに SelectCharaDetail スクリプトをアタッチし、設定を行う

　先ほど作成したボタンのゲームオブジェクトに、同名のスクリプトをドラッグアンドドロップしてアタッチしてください。
アサイン情報が表示されますので、同名のゲームオブジェクトをドラッグアンドドロップしてアサインしておきます。

インスペクター画像

　以上で完成です。

４．SelectCharaDetail ゲームオブジェクトをプレファブにする

　完成したゲームオブジェクトをプレファブにしておきます。
Prefabs フォルダに SelectCharaDetail ゲームオブジェクトのみをドラッグアンドドロップしてプレファブにしてください。
プレファブになったら、ヒエラルキーにあるゲームオブジェクトは削除しておきます。

　このような設計にすることで、PlacementCharaPopUp ゲームオブジェクトと SelectCharaDetail ゲームオブジェクトとはそれぞれの役割を持って異なるタイミングで生成を行うように出来ます。

　以上でこの手順は終了です。

　次は　手順２１　－キャラ選択用のボタン型ゲームオブジェクトの生成とポップアップ内の表示切り替え処理の実装－　です。

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

印刷する

コメント（0）

アイテムスロットにアイテムを装着する機能の実装例② - i-school 先頭へ

コメントをかく

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

i-school