３Ｄダイビングゲーム　手順２４

　ここからはゲームのルールを実装していきます。

　着水した際、その判定を利用してカメラを初期カメラに戻したり、キャラを移動させないようにするなどの、複数の制御を行います。

＜完成動画　着水したら、カメラを初期のカメラに切り替える＞
https://gyazo.com/4bd83309a03c7e826ddea76fbdd82643

＜完成動画　着水したらキャラの移動をできなくして、姿勢のゲージを停止し、ボタンも押せなくする＞
https://gyazo.com/29aa484c8ec929b919d71891b2402da7

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

手順２４　ーゲームクリア処理の実装ー

４１．スクリプトを使って、ゲームクリアの状態になったら、カメラを初期のカメラに戻す処理を追加する
４２．スクリプトを使って、ゲームクリアの状態になったら、キャラの移動制御処理とゲージの制御処理を追加する

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

　・自分でプログラムを考えてスクリプトに記述する

４１．スクリプトを使って、ゲームクリアの状態になったら、カメラを初期のカメラに戻す処理を追加する

１．設計

　カメラを自由に切り替えられる制御を実装していますが、着水した際に一人称視点カメラや自撮りカメラのままになっていると水面を映しません。
そのため、せっかく、三人称カメラのカメラが水面を映していてもその状態になりません。

　そこで、着水したと同時に、カメラを強制的に初期の三人称カメラに切り替える制御を実装してください。

＜完成動画　着水したら、カメラを初期のカメラに切り替える＞
https://gyazo.com/4bd83309a03c7e826ddea76fbdd82643

　CameraController スクリプトには、SetDefaultCamera メソッドが用意されていますので
着水した際に、こちらのメソッドを呼び出す命令を記述すれば、カメラを三人称カメラに切り替えることが出来ます。

　今回は、自作していただいた距離を測るスクリプト(ここでは GameManager)に、この処理を追加して命令を出してください。

　どのようなロジックにすればいいか考えて実装してみてください。

２．距離の変数を記述したスクリプトを修正する

　どのような修正を行えば、CameraController スクリプトに対して命令を出せるようになるのか
いままでの学習をふまえて処理を実装してみてください。

GameManager.cs(自分で作成しているスクリプトがある場合には、そのスクリプトを修正する)

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

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

public class GameManager : MonoBehaviour
{
    [SerializeField]
    private PlayerController player;     // キャラの位置情報

    [SerializeField]
    private Transform goal;              // ゴール地点(水面)の位置情報

    [SerializeField]
    private Text txtDistance;            // 距離の値を受け取って更新するためのコンポーネントを代入する


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


    [SerializeField]
    private CameraController cameraController;


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


    private float distance;              // キャラと水面までの距離の計測用

    private bool isGoal;                 // ゴール判定用。距離が 0 以下になったらゴールと判定して true にする。false の間はゴールしていない状態(着水判定と同じ bool 型の利用方法)


    void Update()
    {
        // 距離が 0 以下になったらゴールしたと判定して距離の計算は行わないようにする
        if (isGoal == true) {

            // return があると、この処理よりも下の処理は処理されない
            return;
        } 

        // Y軸が高さの情報なので、双方の高さの値を減算して差分値を距離とする
        distance = player.transform.position.y - goal.position.y;
      
        txtDistance.text = distance.ToString("F2");

        // 距離が 0 以下になったら
        if(distance <= 0) {

            // 距離が 0 以下になったので、ゴールと判定する
            isGoal = true;

　　　　　　txtDistance.text = 0.ToString("F2");


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


　　        // カメラを初期のカメラに戻す
            cameraController.SetDefaultCamera();


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


        }
    }
}

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

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

　制御処理を追加したら、実際にゲームを実行して処理を確認してみてください。
このトライ＆エラーがプログラムの基本です。根気よく、制御が成功するまでがんばってください。

＜実装動画　一人称視点カメラ　→　三人称カメラに切り替える＞
https://gyazo.com/167ce9c91f0ab40f738f8b7cb131f630

＜実装動画　自撮りカメラ　→　三人称カメラに切り替える＞
https://gyazo.com/4bd83309a03c7e826ddea76fbdd82643

　無事にカメラの切り替えの制御が成功したら、次はキャラの制御を行います。

４２．スクリプトを使って、ゲームクリアの状態になったら、キャラの移動制御処理とゲージの制御処理を追加する

１．設計

　続いての制御はキャラの移動停止の処理と、姿勢変更ゲージの停止の処理を実装します。
またゲージが満タンの際は姿勢変更ボタンを押せないようにする制御処理の実装も必要です。

　すべて PlayerController スクリプトで制御を行っている処理ですが、１つずつ順番に、制御する方法を考えてください。

　まずは、ゲームクリアの状態をどのように判断するか、です。
先ほどの自作スクリプト(GameManager スクリプト)にある変数を利用してもよいですし、
PlayerController スクリプトにある変数を利用しても、どちらでも構いません。

　キャラの移動の停止については、キャラの移動を制御している部分を見つけて、
その部分にどのような制御を行えばキャラの移動を停止することができるかを考えます。

　キャラの移動は、キー入力による判定と、オブジェクトを移動させる処理に分かれていますので
どういった制御が一番効率がよいのかを考えてみましょう。

　ヒントは、キー入力の受付を停止することです。

　姿勢変更のゲージの停止ですが、こちらもどこでゲージを動かす処理を制御しているかを見つけます。
また姿勢変更ボタンの操作も受け付けないように制御を行わないとならないと思います。

　こちらのヒントはゲージを増減させないようにして、ボタンを非活性化することです。

　どの部分に処理を追加すればよいか、ロジックを考えて実装を行って、下記の実装動画のように制御をしてください。

　PlayerController スクリプトのみで完結する方法を考えるのであれば、新しい変数は必要ありません。
また制御処理も２つのメソッド内に数行ずつの処理で実装出来ます。いままでどのように制御を行ってきたのか
条件に利用できる変数はどれなのか、考えてみてください。

２．PlayerController スクリプトを修正する

　こちらにはキャラの移動の制御、ゲージの制御、ボタンの制御をすべて記述しています。
外部のスクリプトの情報は利用せずに、PlayerController スクリプト内の情報を制御に利用しています。

　自分なりの実装を行った上で確認をお願いします。

PlayerController.cs

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

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

public class PlayerController : MonoBehaviour
{
    [Header("移動速度")]
    public float moveSpeed;

    [Header("落下速度")]
    public float fallSpeed;

    [Header("着水判定用。trueなら着水済")]
    public bool inWater;

    // キャラの状態の種類
    public enum AttitudeType {
        Straight,        // 直滑降(通常時)
        Prone,           // 伏せ
    }

    [Header("現在のキャラの姿勢")]
    public AttitudeType attitudeType;


    private Rigidbody rb;

    private float x;
    private float z;

    private Vector3 straightRotation = new Vector3(180, 0, 0);     // 頭を下(水面方向)に向ける際の回転角度の値

    private int score;                                             // 花輪を通過した際の得点の合計値管理用

    private Vector3 proneRotation = new Vector3(-90, 0, 0);        // 伏せの姿勢の回転角度の値

    private float attitudeTimer;                                   // 姿勢変更が可能になるまでの計測用タイマー
    private float chargeTime = 2.0f;                               // 姿勢変更が可能になるまでのチャージ(待機)時間

    private bool isCharge;                                         // チャージ完了判定用。false は未完了(チャージ中)、true はチャージ完了

    private Animator anim;

    [SerializeField, Header("水しぶきのエフェクト")]
    private GameObject waterEffectPrefab = null;

    [SerializeField, Header("水しぶきのSE")]
    private AudioClip splashSE = null;

    [SerializeField]
    private Text txtScore;

    [SerializeField]
    private Button btnChangeAttitude;

    [SerializeField]
    private Image imgGauge;

    [SerializeField]
    private ShinyEffectForUGUI shinyEffect;


    void Start() {
        rb = GetComponent<Rigidbody>();

        // 初期の姿勢を設定(頭を水面方向に向ける)
        transform.eulerAngles = straightRotation;

　　　　// 現在の姿勢を「直滑降」に変更(いままでの姿勢)
        attitudeType = AttitudeType.Straight;

　　　　// ボタンのOnClickイベントに ChangeAttitude メソッドを追加する
　　　　btnChangeAttitude.onClick.AddListener(ChangeAttitude);

　　　　// ボタンを非活性化(半透明で押せない状態)
        btnChangeAttitude.interactable = false;

        anim = GetComponent<Animator>();
    }

    void FixedUpdate() {


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


        if (inWater) {　　// <=　条件式に bool 型の変数名を書いた場合、inWater == true を確認しているのと同じ条件になります。!inWater の場合には inWater == false の確認と同義です。
            return;
        }


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


        // キー入力の受付
        x = Input.GetAxis("Horizontal");
        z = Input.GetAxis("Vertical");

        // 斜め移動の距離が増えないように正規化処理を行い、単位ベクトルとする(方向の情報は持ちつつ、距離による速度差をなくして一定値にする)
        Vector3 direction = new Vector3(x, 0, z).normalized;

        // velocity(速度)に新しい値を代入して移動
        rb.velocity = new Vector3(direction.x * moveSpeed, -fallSpeed, direction.z * moveSpeed);
    }

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

        // 通過したゲームオブジェクトのTagが Water であり、かつ、isWater が false(未着水)であるなら
        if (col.gameObject.tag == "Water" && inWater == false) {

            // 着水状態に変更する
            inWater = true;

            // 水しぶきのエフェクトを生成
            GameObject effect = Instantiate(waterEffectPrefab, transform.position, Quaternion.identity);
            effect.transform.position = new Vector3(effect.transform.position.x, effect.transform.position.y, effect.transform.position.z - 0.5f);

            // エフェクトを２秒後に破壊
            Destroy(effect, 2.0f);

　　　　　　// 水しぶきのSEを再生
　　　　　　AudioSource.PlayClipAtPoint(splashSE, transform.position);

　　　　　　// コルーチンメソッドである OutOfWater メソッドを呼び出す
            StartCoroutine(OutOfWater());        
        }

　　　　// 侵入したゲームオブジェクトの Tag が FlowerCircle なら
        if (col.gameObject.tag == "FlowerCircle") {

            // 侵入した FlowerCircle Tag を持つゲームオブジェクト(Collider)の親オブジェクト(FlowerCircle)にアタッチされている FlowerCircle スクリプトを取得して、point 変数を参照し、得点を加算する
            score += col.transform.parent.GetComponent<FlowerCircle>().point;

            // 画面に表示されている得点表示を更新
　　　　　　txtScore.text = score.ToString();
        }
    }

    /// <summary>
    /// 水面に顔を出す
    /// </summary>
    /// <returns></returns>
    private IEnumerator OutOfWater()
    {
        // １秒待つ
        yield return new WaitForSeconds(1.0f);   //  <= yield による処理。yield return new WaitForSecondsメソッドは、引数で指定した秒数だけ次の処理へ移らずに処理を一時停止する処理 

        // Rigidbody コンポーネントの IsKinematic にスイッチを入れてキャラの操作を停止する
        rb.isKinematic = true;

        // キャラの姿勢（回転）を変更する
        transform.eulerAngles = new Vector3(-30, 180, 0);

        // DOTweenを利用して、１秒かけて水中から水面へとキャラを移動させる
        transform.DOMoveY(4.7f, 1.0f);
    }

    void Update() {


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


        if (inWater) {

            // ボタンを非活性化して押せない状態にする
            btnChangeAttitude.interactable = false;
            return;
        }


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


        // スペースキーを押したら
        if (Input.GetKeyDown(KeyCode.Space)) {

            // 姿勢の変更
            ChangeAttitude();
        }

　　　　// チャージ完了状態ではなく、姿勢が普通の状態
        if (isCharge == false && attitudeType == AttitudeType.Straight) {

            // タイマーを加算する = チャージを行う
            attitudeTimer += Time.deltaTime;

            // ゲージ表示を更新
            imgGauge.DOFillAmount(attitudeTimer / chargeTime, 0.1f);

            // ボタンを非活性化(半透明で押せない状態)
            btnChangeAttitude.interactable = false;

            // タイマーがチャージ時間(満タン)になったら
            if (attitudeTimer >= chargeTime) {

                // タイマーの値をチャージの時間で止めるようにする
                attitudeTimer = chargeTime;

                // チャージ状態にする
                isCharge = true;

                // ボタンを活性化(押せる状態)
                btnChangeAttitude.interactable = true;

                // 満タン時のエフェクト
                shinyEffect.Play(0.5f);
            }
        }

        // 姿勢が伏せの状態
        if (attitudeType == AttitudeType.Prone) {

            // タイマーを減算する = チャージを減らす
            attitudeTimer -= Time.deltaTime;

            // ゲージ表示を更新
            imgGauge.DOFillAmount(attitudeTimer / chargeTime, 0.1f);

            // タイマー(チャージ)が 0 以下になったら
            if (attitudeTimer <= 0) {

                // タイマーをリセットして、再度計測できる状態にする
                attitudeTimer = 0;

                // ボタンを非活性化(半透明で押せない状態)
                btnChangeAttitude.interactable = false;

                // 強制的に姿勢を直滑降に戻す
                ChangeAttitude();
            }
        }
    }

    /// <summary>
    /// 姿勢の変更
    /// </summary>
    private void ChangeAttitude() {

        // 現在の姿勢に応じて姿勢を変更する
        switch (attitudeType) {

　　　　　　// 現在の姿勢が「直滑降」だったら
            case AttitudeType.Straight:

                // 未チャージ状態(チャージ中)なら
                if(isCharge == false) {
   
                    // 以降の処理を行わない = 未チャージ状態なので、チャージ時の処理を行えないようにする
                    return;
                }

                // チャージ状態を未チャージ状態にする
                isCharge = false;

                // 現在の姿勢を「伏せ」に変更
                attitudeType = AttitudeType.Prone;

                // キャラを回転させて「伏せ」にする
                transform.DORotate(proneRotation, 0.25f, RotateMode.WorldAxisAdd);

                // 空気抵抗の値を上げて落下速度を遅くする
                rb.drag = 25.0f;

　　　　　　　　// ボタンの子オブジェクトの画像を回転させる
                btnChangeAttitude.transform.GetChild(0).DORotate(new Vector3(0, 0, 180), 0.25f);

                // 伏せの状態に遷移するための条件を指定する  => idle から stan のアニメーションに遷移する
                anim.SetBool("Prone", true);

                // 処理を抜ける(次の case には処理が入らない)
                break;

            // 現在の姿勢が「伏せ」だったら
            case AttitudeType.Prone:

　　　　　　　　// 現在の姿勢を「直滑降」に変更
                attitudeType = AttitudeType.Straight;

                // キャラを回転させて「直滑降」にする
                transform.DORotate(straightRotation, 0.25f);

                // 空気抵抗の値を元に戻して落下速度を戻す
                rb.drag = 0f;

　　　　　　　　// ボタンの子オブジェクトの画像を回転させる
                btnChangeAttitude.transform.GetChild(0).DORotate(new Vector3(0, 0, 90), 0.25f);

                // 伏せの状態を止めるための遷移の条件を指定する => stan から idle に遷移する
                anim.SetBool("Prone", false);

                // 処理を抜ける
                break;
        }
    }
}

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

　制御処理を実装したら、順番に制御が行われているかを確認してください。
着水した際にキャラの移動が出来なくなっている場合、必ずキャラが着水地点から水面にあがってくるため
カメラのちょうどよい位置に毎回かならず顔を出すようになります。

＜失敗例　キャラの移動が制御出来ていない場合＞
https://gyazo.com/855b2df5b9fb5502476781a7b85f03b0

＜成功例　キャラの移動が制御出来ている場合＞
https://gyazo.com/cc14ca25efcbb8699202375b4c0ed363

　姿勢変更のゲージとボタンについての制御も確認します。
着水したら、ゲージの上昇や下降が停止し、ゲージが満タンの場合にはボタンを押せない状態になります。

＜実装動画　姿勢変更のゲージが停止する＞
https://gyazo.com/29aa484c8ec929b919d71891b2402da7

＜実装動画　姿勢変更のゲージが満タンでもボタンを押せない状態にする＞
https://gyazo.com/4c49dd7654201d4d81048771902aea56

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

　=>　次は　手順２５　ークリア表示の実装ー　です。

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

印刷する

コメント（0）

３Ｄダイビングゲーム　手順２４ - i-school 先頭へ

コメントをかく

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

i-school