３Ｄスライダーゲーム　発展５

　プレイヤーの移動に続いて、ジャンプの処理をスマホ端末で行えるように、ジャンプ用のボタンの作成と制御処理を実装します。

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

発展５　ースマホでのジャンプの制御機能の実装ー

　８．Canvas内にジャンプ用のボタンを作成する
　９．ジャンプ用のボタンをプログラムと連携して操作できるようにする

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

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

　８．Canvas内にジャンプ用のボタンを作成する

ジャンプ用ボタンのゲームオブジェクトを作成する

　Stage ゲームオブジェクト内にある Canvas ゲームオブジェクト内に子オブジェクトとして、ジャンプ用のボタンを作成します。
Canvas ゲームオブジェクトの上で右クリックをしてメニューを開き、UI => Button を選択して、新しい Button ゲームオブジェクトを作成します。
名前は btnJump にし、ジャンプ用のボタンであると判別しやすいようにしておきます。
　
　btnJump ゲームオブジェクトの子オブジェクトとして一緒に作成される Text ゲームオブジェクトは今回は不要ですので、削除してください。

ヒエラルキー画像

　前回の JouStick とは逆に、ゲーム画面の右半分をすべておおうように、bntJump ゲームオブジェクトの大きさを変更してください。
こうすることにより、画面の右半分はすべてボタンとして動作するようになります。

　Image コンポーネント内の Color の設定を開き、Alpha の値を 0 に変更してください。
これで透明なボタンが作成できます。

インスペクター画像

Sceneビュー画像

　以上で設定は完了です。

９．ジャンプ用のボタンをプログラムと連携して操作できるようにする

UIManager スクリプトを修正する

　作成したジャンプ用のボタンを制御するために、UIManager スクリプトを修正して、制御する処理を追加します。

　ジャンプ用の処理自体は PlayerController スクリプト内に Jump メソッドとして用意されています。
このメソッドを外部のクラス(今回は UIManager)より利用できるように、前回の PlayerController スクリプトの修正で Jump メソッドの修飾子を public に変更してありますので、
UIManager 内では、PlayerController の Jump メソッドを実行するための仲介役のメソッドを準備して、ボタンの制御と連動させてボタンによるジャンプを実装します。

　また、プレイヤーが着地しているかどうかも判定する必要がありますので、こちらも、前回の PlayerController スクリプトの修正で
GetIsGrounded メソッドを作成してあります。このメソッドを実行することで、外部のクラスが private 修飾子である isGrounded 変数の情報を取得できる状態にしています。
　
　どちらの処理も実装にあたり PlayerController スクリプトの情報が必要になります。
スクリプトの情報を取得する場合、ヒエラルキーにある penguin ゲームオブジェクトを探して、GetCopmponent メソッドで PlayerController を取得することが出来ますが、
今回は、メソッドの引数として PlayerController スクリプトの情報を設定し、外部のクラスから PlayerController の情報を譲りうけて取得する処理で実装をしています。

　複数のスクリプトにまたがって処理を実行していくことになりますので、処理を書く際には、理解しながら書いていくように心がけてください。

UIManager.cs

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

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

public class UIManager : MonoBehaviour
{
    [SerializeField]
    private Text txtScore;

    [SerializeField]
    private Text txtTime;


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


    [SerializeField]
    private Button btnJump;

    private PlayerController playerController;


////* ここまで *////


    /// <summary>
    /// スコアの表示更新
    /// </summary>
    /// <param name="score"></param>
    public void UpdateDisplayScore(int score) {
        txtScore.text = score.ToString();
    }

    /// <summary>
    /// ゲーム時間の表示更新
    /// </summary>
    /// <param name="time"></param>
    public void UpdateDisplayGameTime(int time) {
        txtTime.text = time.ToString();
    }


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


    /// <summary>
    /// 初期設定
    /// </summary>
    /// <param name="playerController"></param>
    public void SetUpUIManager(PlayerController playerController) {

　　　　// 引数を通じて PlayerController の情報を受け取り、用意しておいた変数に代入
        this.playerController = playerController;

　　　　// ボタンの OnClick にメソッドを登録
        btnJump.onClick.AddListener(OnClickJump);
    }

    /// <summary>
    /// ジャンプボタンを押した際の処理
    /// </summary>
    private void OnClickJump() {

        // プレイヤーが接地している場合(前回の手順で追加しているメソッドを通じて、isGrounded 変数の情報を取得し、接地しているかを確認する)
        if (playerController.GetIsGrounded()) {

            // ジャンプ(前回の手順で Jump メソッドを public 修飾子に変更しているのは、ここで呼び出し命令を行うため)
            playerController.Jump();
        }      
    }


////* ここまで *////


}

　スクリプトを修正したらセーブを行い、UIManager スクリプトがアタッチされている UIManager ゲームオブジェクトのインスペクターを確認します。
新しく SerializeField属性で宣言した btnJump 変数が表示されていれば問題ありません。
ヒエラルキーにある btnJump ゲームオブジェクトをドラッグアンドドロップしてアサインします。

UIManager ゲームオブジェクト　インスペクター画像

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

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

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

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

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

　// ボタンの OnClick にメソッドを登録
  btnJump.onClick.AddListener(OnClickJump);

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

参考サイト

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

PlayerController スクリプトを修正する

　UIManager スクリプト内に追加した SetUpUIManager メソッドを Start メソッド内で呼び出して実行します。
引数を利用して、UIManager 側に PlayerController スクリプトの情報を渡すようにしています。

　この処理を行うことで、UIManager スクリプトは、プレイヤーのゲームオブジェクトを探して PlayerController を GetComponent することなく
情報を取得することができるロジックになっています。

PlayerController.cs

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

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class PlayerController : MonoBehaviour
{
    private Rigidbody rb;                  // Rigidbody コンポーネントの操作を行うため、Rigidbody コンポーネントを取得して代入するための変数

    private bool isGoal;　                 // ゲームのクリア判定として利用するための変数

    private float coefficient = 0.985f;    // 速度を減速させるための係数
    private float stopValue = 2.5f;        // 減速中に、この値以下になったら停止させる速度の値

    private Animator anim;　　　　　       // Animator コンポーネントの操作を行うため、Animator コンポーネントを取得して代入するための変数

    private int score;                     // スコア管理用の変数。Circle ゲームオブジェクトを通過するたび、この値を加算していく

　　[Header("移動速度")]         　　　　  // Header属性を変数の宣言に追加すると、インスペクター上に( )内に記述した文字が表示されます。
    public float moveSpeed;

    [Header("加速速度")]
    public float accelerationSpeed;

    [Header("ジャンプ力")]
    public float jumpPower;

    [SerializeField]
    private PhysicMaterial pmNoFriction;

    [SerializeField, Header("地面判定用レイヤー")]
    private LayerMask groundLayer;

    [SerializeField, Header("斜面との接地判定")]
    private bool isGrounded;

    [SerializeField]
    private UIManager uiManager;　　　　　// UIManager スクリプトを利用するために UIManager スクリプトの情報を代入する変数

    [SerializeField]
    private Joystick joystick;　　　　　　// JoyStick スクリプトを利用するために JoyStick スクリプトの情報を代入する変数


    void Start()
    {
        // このスクリプトがアタッチされているゲームオブジェクトが持っている Rigidbody コンポーネントの情報を取得して rb 変数に代入
        rb = GetComponent<Rigidbody>();

　　　　// このスクリプトがアタッチされているゲームオブジェクトが持っている Rigidbody コンポーネントの情報を取得して rb 変数に代入
        anim = GetComponent<Animator>();


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


        // UIManager の設定を行う
        uiManager.SetUpUIManager(this);


////* ここまで *////


    }


    void FixedUpdate() {

        // ゴール地点を通過して、isKinematic が true になり、完全に移動が停止したら
        if (rb.isKinematic == true) {

            // ここで処理を中断する　=>　この if 文よりも下に書いてある処理が実行されなくなる 
            return;
        }

        // ゴール地点を通過したら
        if (isGoal == true) {

            // 速度を徐々に低下させる
            DampingSpeed();

            // ここで処理を中断する　=>　この if 文よりも下に書いてある処理が実行されなくなる 
            return;
        }

　　　　// 移動
        Move();

        // 加速
　　　　Accelerate();
    }


    /// <summary>
    /// 移動
    /// </summary>
    private void Move() {

        float x;

# if UNITY_EDITOR
        x = Input.GetAxis("Horizontal");
# elif UNITY_ANDROID
        x = joystick.Horizontal;
# endif

        // Rigidbody の Velocity(速度)に、キー入力の判定値と移動速度を代入してキャラを移動
        rb.velocity = new Vector3(x * moveSpeed, rb.velocity.y, rb.velocity.z);
    }

    void Update()
    {
        // ゴール地点を通過したら
        if (isGoal == true) {

            // ここで処理を中断する　=>　この if 文よりも下に書いてある処理が実行されなくなる 
            return;
        }

        // ブレーキ
        Brake();

        // 接地判定
        CheckGround();

        // スペースキーを押したとき、斜面のゲームオブジェクトとキャラが接地している場合
        if (Input.GetKeyDown(KeyCode.Space) && isGrounded == true) {

            // ジャンプ
            Jump();
        }
    }

　　/// <summary>
    /// ブレーキ
    /// </summary>
    private void Brake() {

        float vertical;

# if UNITY_EDITOR
        vertical = Input.GetAxis("Vertical");
# elif UNITY_ANDROID
        vertical = joystick.Vertical;
# endif

        // 取得した値が 0 よりも小さい値(下方向のキー入力)なら
        if (vertical < 0) {

            // NoFriction の DynamicFriction の値を徐々に大きくする
            pmNoFriction.dynamicFriction += Time.deltaTime;

            // もしも DynamicFriction の値が最大値である 1.0f を超えたら
            if (pmNoFriction.dynamicFriction > 1.0f) {

                // 1.0f で停止する
                pmNoFriction.dynamicFriction = 1.0f;
            }
        } 
        // 取得した値が 0、あるいは 0 よりも大きな値(キー入力なし、あるいは上方向のキー入力)なら
        else {

            // 摩擦を 0 に戻す　=>　再び滑り始めるようになる
            pmNoFriction.dynamicFriction = 0;            
        }
    }

    /// <summary>
    /// 加速
    /// </summary>
    private void Accelerate() {

        float vertical;

#if UNITY_EDITOR
        vertical = Input.GetAxis("Vertical");
# elif UNITY_ANDROID
        vertical = joystick.Vertical;
# endif

        // 取得した値が 0 よりも大きな値(上方向のキー入力)なら
        if (vertical > 0) {

            // 滑り下りている速度(Velocity の Z)を変更して加速させる
            rb.velocity = new Vector3(rb.velocity.x, rb.velocity.y, accelerationSpeed);
        }
    }

　　// IsTriggerがオンのコライダーを持つゲームオブジェクトを通過した場合に呼び出される、コールバック・メソッド
    private void OnTriggerEnter(Collider other) {

        // 侵入したコライダーのゲームオブジェクトの Tag が Goal なら(それ以外の Tag ならば以下の処理を行わない)
        if (other.gameObject.tag == "Goal") {
            Debug.Log("Goal");

            // ゴール地点を通過した状態にする
            isGoal = true;

            Debug.Log(isGoal);
        }
    }

    /// <summary>
    /// 速度を徐々に減衰させて停止させる。このメソッドは FixedUpdate メソッド内から継続的に実行される
    /// </summary>
    private void DampingSpeed() {

        // キャラの速度を徐々に下げる
        rb.velocity *= coefficient;

        // 速度 Z の値(滑り降りる速度)が指定値より小さくなったら
        if (rb.velocity.z <= stopValue) {

            // 速度を 0 にして停止させる
            rb.velocity = Vector3.zero;

            // 物理演算の処理を停止する
            rb.isKinematic = true;
        }
    }

    /// <summary>
    /// ジャンプ
    /// </summary>
    public void Jump() { 

        // キャラに上方向の力を加える
        rb.AddForce(transform.up * jumpPower);

　　　　// 引数で指定したパラメータを再生させる
        anim.SetTrigger("jump");
    }

    /// <summary>
    /// 斜面との接地判定。true なら接地している状態、false は接地していない状態と定義する
    /// </summary>
    private void CheckGround() {

        // Linecast メソッドを実行してキャラの足元に向けて見えない Line を飛ばし、
        // Line に groundLayer 変数で指定したLayer(Ground)を持つゲームオブジェクトが接触するか判定。対象のLayerのときは true を返す
        isGrounded = Physics.Linecast(transform.position, transform.position - transform.up * 0.3f, groundLayer);

　　　　// Sceneビューに Physics.Linecastメソッドの見えない Line を表示する
        Debug.DrawLine(transform.position, transform.position - transform.up * 0.3f, Color.red);
    }

    /// <summary>
    /// スコア加算
    /// </summary>
    /// <param name="amount"></param>
    public void AddScore(int amount) {
　　　　// スコア加算
        score += amount;

        Debug.Log("現在の得点 : " + score);   // <=　そのまま score とだけ引数に指定しても表示されますが、それでは数字しか表示されないため、詳細が分かりやすいように文字列を一緒に追加しています

　　　　// UIManager の情報が代入されている変数を利用して UIManager スクリプトの UpdateDisplayScore メソッドを呼び出す処理を実行する
        // 引数として score 変数の値を渡すことで、受け取ったメソッドがその値を利用できる。この時点で score 変数には Circle スクリプトから届いている point の値が加算されているため最新状態
        uiManager.UpdateDisplayScore(score);
    }

    /// <summary>
    /// 外部のクラスから private 修飾子の isGrounded 変数の情報を取得するためのメソッド
    /// </summary>
    /// <returns></returns>
    public bool GetIsGrounded() {
        return isGrounded;
    }
}

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

　この処理は前回とは異なり、エディターでも確認ができます。
ゲームを実行して、ゲーム画面の右半分をマウスの左クリックを行ってください。
見えないボタンが反応し、ジャンプの処理が実行されれば制御成功です。

　問題がなければ、ビルドを行い、デバイスでの実機テストを行います。
画面の右半分をタップしてください。エディターと同様にジャンプの処理が実行されれば制御成功です。

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

　=>　次は　発展６　－ログ表示機能の実装－　です。

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

印刷する

コメント（0）

３Ｄスライダーゲーム　発展５ - i-school 先頭へ

コメントをかく

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

i-school