パズルゲーム　手順１５

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

２８．ResultPopUpスクリプトを修正する　パズルゲーム再スタート用のボタンの制御
２９．GameDataスクリプトを修正する③　再スタートのメソッドを追加
３０．完成。ゲームのサイクルを確認する

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

・Button.onClick.AddListenerメソッド　スクリプトからボタンタップ用メソッドの登録

２８．ResultPopUpスクリプトを修正する　パズルゲーム再スタート用のボタンの制御

　ResultPopUpスクリプトを修正します。新しくY軸の位置情報を代入する変数を用意し、ゲーム開始時のResultPopUpゲームオブジェクトの位置情報を保存しておきます。
こうすることで、画面中央に移動したResultPopUpゲームオブジェクトを、最初の位置に戻すことが可能になります。

　また画面をタップした際の処理も追加します。btnclosePopUp 変数にスクリプトから、新しく作成するOnClickMovePopUpメソッドを登録して実行できるようにします。
そのためUnity上のButtonコンポーネントのOnClickイベントにはメソッドを登録する必要はありません。

　そしてOnClickMovePopUpメソッドの処理の中で、GameDataクラスへ用意する、ゲームを再スタートさせるメソッドの呼び出し命令も記述します。

ResuluPopUp.cs

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

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

public class ResultPopUp : MonoBehaviour
{
    // 以前の宣言フィールドはそのまま


////* ここから追加 *////


    private float posY;     // ResultPopUpゲームオブジェクトのY軸位置保存用(元の位置に戻す際に使う)

    void Start() {

　　　　// ResultPopUpゲームオブジェクトのY軸の初期位置を保持
        posY = transform.position.y;
 
        // ボタンにメソッドを登録
        btnClosePopUp.onClick.AddListener(OnClickMovePopUp);


////* ここまで追加 *////


        btnClosePopUp.gameObject.GetComponent<CanvasGroup>().alpha = 0.0f;
    }

    public void DisplayResult(int score, int eraseEtoCount) {
        // 変更なしのため省略
    }


////* ここからメソッドを１つ追加 *////


    /// <summary>
    /// リザルト表示を元の位置に戻して、ゲームを再スタートする
    /// </summary>
    private void OnClickMovePopUp() {
        // ボタンを非活性化してタップを感知させなくする
        btnClosePopUp.interactable = false;

        // DoTweenの処理を使って、ResultPopUpゲームオブジェクトをゲーム画面外の位置に戻す
        transform.DOMoveY(posY, 1.0f);

        // ゲームの再スタート処理を呼び出す
        StartCoroutine(GameData.instance.RestartGame());
    }


////* ここまで追加 *////


}

＜Button.onClick.AddListenerメソッド　スクリプトからボタンタップ用メソッドの登録＞

　ButtonコンポーネントにはOnClickというイベントを登録する場所があります。ここにゲームオブジェクトのアサインを行うことで、
アサインしたゲームオブジェクトにアタッチされているスクリプトに宣言されている public 修飾子のメソッドを登録することができます。

　この処理をスクリプトから追加して行う処理が、onClick.AddListenerメソッドです。引数のない場合と引数のある場合で書式が変化します。

　利点は、メソッドをprivate修飾子でも登録できること、スクリプトから登録しているので、Unity内の上記の画像のButton部分への登録作業や、確認をする必要がなくなること、などがあります。

　今回は引数のないメソッドを登録していますので、引数にはそのままメソッド名を記述します。メソッドの()を書くとエラーになるので、メソッド名のみを記述します。

btnClosePopUp.onClick.AddListener(OnClickMovePopUp);

　詳細については公式のリファレンスを参考にしてください。またネットには記事が多くありますので調べてみましょう。

Unity公式スクリプトリファレンス
Button.on.Click.AddListener
https://docs.unity3d.com/2019.1/Documentation/Scri...

２９．GameDataスクリプトを修正する③　再スタートのメソッドを追加

　ResultPopUpスクリプトのOnClickMovePopUpメソッドから呼び出される、新しいRestartGameメソッドを追加します。

　このメソッドはコルーチンメソッドになっていて、一定時間の待機後に再度、Gameシーンの読み込みを行うように処理を行っています。
ゲームを再スタートさせる処理になります。　

GameData.cs

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

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.SceneManagement;                 <=  追加します。

public class GameData : MonoBehaviour
{
    // 今までの宣言フィールドはそのままなので省略

    void Awake() {
        // 変更なしのため省略
    }

    private void InitGame() {
        // 変更なしのため省略
    }


////* ここからメソッドを１つ追加 *////


    /// <summary>
    /// 現在のゲームシーンを再読み込み
    /// </summary>
    /// <returns></returns>
    public IEnumerator RestartGame() {
        yield return new WaitForSeconds(1.0f);

        // 現在のゲームシーンを取得し、シーンの名前を使ってLoadScene処理を行う(再度、同じゲームシーンを呼び出す)
        SceneManager.LoadScene(SceneManager.GetActiveScene().name);

        // 初期化 GameDataゲームオブジェクトはシーン遷移しても破棄されない設定になっていますので、ここで再度、初期化の処理を行う必要があります。
　　　　InitGame();
    }


////* ここまで追加 *////


}

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

　ゲームを実行して確認をします。残り時間が 0 になり、ResultPopUpゲームオブジェクトが画面中央に表示されて、画面をタップ表示が出てから画面をタップすると
ResultPopUpゲームオブジェクトが上部に戻っていくとともに、Gameシーンが再度読み込まれて、再びゲームが開始されます。

　下記の検証動画では、btnClosePopUpゲームオブジェクトのインスペクターを表示しています。
ButtonコンポーネントのOnClickイベントにUnity上での登録はありませんが正常にタップを感知してOnClickMovePopUpメソッドが動作しているのが分かります。

検証動画
https://gyazo.com/fb38ab061df787bcce4c8f9a6d07e7df

　エラーが出たり、一連の処理の流れが繋がらない場合にはDebug.Logを入れて、どこまで処理の流れが正常に動いているかを確認してみましょう。

３０．完成。ゲームのサイクルを確認する

　おつかれさまでした！

　無事にパズルゲームの基本的な動作はすべて完了し、ゲームのサイクルも完成しました。以下のように処理がサイクル化されていると思います。

１．ゲームを実行すると、ランダムな干支が指定した数だけ生成される。
　　↓
２．制限時間内に干支をドラッグ（スワイプ）して、つなげて消す。
　　↓
３．制限時間が 0 になるとリザルトポップアップが表示されて、今回のゲーム結果が表示される。
　　↓
４．画面をタップすると１に戻る

　次の教材である発展編では、この基礎編をベースに、さらにゲームを面白くするために、演出や仕掛けを追加していきます。

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

　次は 発展１ です。

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

印刷する

コメント（0）

パズルゲーム　手順１５ - i-school 先頭へ

コメントをかく

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

i-school