強制横スクロールゲーム　手順１８

　この手順では獲得したコインのポイント数を画面上にスコアとして表示し、コインを獲得する度に表示を更新していく処理を実装します。

＜完成画面　画面左上にスコア表示を実装＞

＜実装動画　コインを獲得するたびにスコアの表示値も更新される＞
https://gyazo.com/95a7b3ca6cbe837d7bbd4ecf82eaac76

手順１８　－スコア表示の作成－

３１．Canvas内にUI部品を作成する①（スコア表示）
３２．スクリプトを使って、画面のスコア表示数と獲得したコインのポイント数を連動させる

　新しく学習する内容は以下になります。

・Canvas
・アンカー設定

３１．Canvas内にUI部品を作成する①（スコア表示）

Canvas ゲームオブジェクトを作成する

　ヒエラルキーのゲームのない部分で右クリックをしてメニューを開き、UI => Canvas を選択して、Canvas ゲームオブジェクトを作成します。
一緒に EventSystem ゲームオブジェクトも追加されます。これは１セットで扱いますのでそのままで問題ありません。

ヒエラルキー画像

　Canvas ゲームオブジェクトを作成したら、必ず CanvasScaler コンポーネントの設定を行い、ゲーム画面の解像度との整合性を取るようにしてください。
この設定を正しく行っていないと、今後 UI 用のゲームオブジェクトを作成して配置していく際に、正しい設定が行えなくなります。

　詳しくはこちらの教材内で解説しています。

Canvas ゲームオブジェクトの子オブジェクトとして ScorePlace ゲームオブジェクトを作成する

　Canvas ゲームオブジェクトの上で右クリックをしてメニューを開き、Create Empty を選択します。
空のゲームオブジェクトが作成されますので、名前を ScorePlace に変更します。
ScorePlace ゲームオブジェクトは、スコア表示に関連するゲームオブジェクト群をまとめておくフォルダ役のゲームオブジェクトです。

ScorePlace ゲームオブジェクト　ヒエラルキー画像

　ScorePlace ゲームオブジェクトを選択して、RectTransform コンポーネントがアタッチされているか確認します。
Canvas ゲームオブジェクトに含まれるオブジェクトは Transform コンポーネントではなく、RectTransform コンポーネントによって位置情報を管理しています。
もしも通常の Transform コンポーネントがアタッチされている場合には、再度作り直してください。

　ScorePlace ゲームオブジェクトの位置を変更します。
RectTransform コンポーネント内にある Anchor（アンカー）をクリックして、Alt キーを押しながら、Top Left の位置をクリックしてください。
ScorePlace ゲームオブジェクトが画面の左上の位置に移動するとともに、アンカーの位置も画面左上に設定されます。

＜手順動画　アンカーの設定(Altキーを押しながらクリックすることで、アンカーの設定とゲームオブジェクトの移動が一緒に行われる)＞
https://gyazo.com/f9e560328ba80efd933cc7d2f614fb34

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

　以上で設定は完了です。つづいて、この ScorePlace ゲームオブジェクトに子オブジェクトを２つ追加していきます。

＜アンカー設定＞

　Canvas用のゲームオブジェクトの位置情報は RectTransform コンポーネントによって管理されています。
RectTransform コンポーネントを持つゲームオブジェクトは、ワールド座標による座標の計算ではなく、
親となるゲームオブジェクトからみてどの位置にいるかというローカル座標(相対座標)による座標の計算を行っています。

　この RectTransform コンポーネントには通常の Transform コンポーネントにはない情報がいくつかあります。
その１つがアンカーです。

アンカーのアイコン

　

　アンカーとは、親のゲームオブジェクトからみて、このゲームオブジェクトの基準地点をどの位置に設定するか、という情報です。
ローカル座標によって座標を計算していますので、親のゲームオブジェクトからみて、どこから計算を始めるかというのは重要な設定情報です。
基本的には Center Middle という設定になっており、親のゲームオブジェクトからみて中心の位置をアンカーに設定しています。

アンカーの設定

　

　今回、ScorePlace ゲームオブジェクトに設定したアンカーは、Top Left の位置です。(これはプリセット情報なので、もっと詳細に自分でも設定できます。)
親オブジェクトである Canvas ゲームオブジェクトからみて、画面の中心を基準値としてではなく、画面の左上を基準として座標の計算を行うようにしています。
　
　理由としては、ゲーム画面の比率が変化した際に、RectTransform コンポーネントを持つゲームオブジェクトは、アンカーの位置を基準に配置されるため
画面の比率が変化しても、その状態に対応して、自分の位置を設定してくれるようになるためです。

　例えば今回のように左上にアンカーを設定しておくと、どのゲーム画面でゲームを実行しても、常に画面の左上からみて座標の計算をして、ゲームオブジェクトを配置してくれます。
そうすることによって、ゲーム画面を変えたらスコア表示が見えなくなってしまった、という事態を回避出来るようにしています。

参考サイト

Unity公式ユーザーマニュアル
基本的なレイアウト
https://docs.unity3d.com/ja/2018.4/Manual/UIBasicL...

徒然エンジニアブログ様
【Unity】UIの基本(Canvas,描画順,アンカー,ピボット)を徹底解説してみる
https://turedureengineer.hatenablog.com/entry/2019...

ScorePlace ゲームオブジェクトの子オブジェクトとして、lblScore ゲームオブジェクトを作成する

　ScorePlace ゲームオブジェクトの上で右クリックをしてメニューを開き、UI => Text を選択します。
Textコンポーネントがアタッチされたゲームオブジェクトが作成されますので、名前を lblScore に変更します。

　lblScore ゲームオブジェクトは、画面上に SCORE: という文字列を常に表示する、ラベルの役割を持ちます。
このゲームオブジェクトではスコアの更新は行いません。

lblScore ゲームオブジェクト　ヒエラルキー画像

　lblScore ゲームオブジェクトを選択し、Textコンポーネントの Text プロパティ欄に、"SCORE : " と入力してください。
ラベル役のゲームオブジェクトですので、この文字列を常に画面に表示します。フォントのサイズは適宜に調整してください。

　フォントには slkscrb フォントを選択してください。これは最初にインポートしたアセットに含まれているフォントです。
　
　RaycastTarget のチェックを外しておいてください。このスイッチの意味は自分で調べてみましょう。

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

　続いて、RectTransform コンポーネントを確認します。
Sceneビューと RectTransform の Position の値を調整して、適宜な位置に設置してください。
Gameビューで実際にどのように画面に映るか確認することも必要です。

lblScore ゲームオブジェクト　Sceneビュー画像①

lblScore ゲームオブジェクト　Sceneビュー画像②

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

ScorePlace ゲームオブジェクトの子オブジェクトとして、txtScore ゲームオブジェクトを作成する

　ScorePlace ゲームオブジェクトの上で右クリックをしてメニューを開き、UI => Text を選択します。
Textコンポーネントがアタッチされたゲームオブジェクトが作成されますので、名前を txtScore に変更します。

　txtScore ゲームオブジェクトは、画面上にスコアの値を表示する役割を持ちます。
このゲームオブジェクトの Text コンポーネントの機能を利用して、画面上に獲得しているコインのポイント数をスコアとして表示・更新していきます。

txtScore ゲームオブジェクト　ヒエラルキー画像

　txtScore ゲームオブジェクトを選択し、Textコンポーネントの Text プロパティ欄に 0 と入力してください。
ここにはゲーム中にスクリプトを利用して、動的にスコアの値が表示されます。

　フォントのサイズは、lblScore ゲームオブジェクトの Text コンポーネントと同じ大きさがいいでしょう。
フォントも同様に、slkscrb フォントを選択してください。RaycastTarget のチェックも外してください。

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

　続いて、RectTransform コンポーネントを確認します。
Sceneビューと RectTransform の Position の値を調整して、適宜な位置に設置してください。
Gameビューで実際にどのように画面に映るか確認することも必要です。下記の画像も参考してください。
lblScore ゲームオブジェクトと高さの位置を合わせるようにしましょう。

txtScore ゲームオブジェクト　Sceneビュー画像①

txtScore ゲームオブジェクト　Sceneビュー画像②

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

　以上の手順でスコア表示用のゲームオブジェクト群は完成です。

Gameビュー　完成画像

＜Text の内容が Game ビューに表示されない場合＞

　Text に記述した文字列が Scene ビューには正常に表示されるもの Game ビューに表示されないケースがあります。
また、そもそも、Scene ビューに文字列が表示されないケースもあります。

　多くの場合は Canvas 関連の設定の不備があげられます。
この手順内を最初(Canvas 作成部分)から見直してみてください。

　以下に不備になるケースの例を記載しておきます。

１．Canvas の設定

　Canvas ゲームオブジェクトにアタッチされている CanvasScaler コンポーネントが正しく設定されていない場合、表示されないことがあります。
この手順を最初から見直して、自分のプロジェクト内と見比べて確認してください。

２．ScorePlace ゲームオブジェクトなどの設定

　Canvas の子オブジェクトとして作成するオブジェクト群は、いずれも RectTransform コンポーネントがアタッチされています。
これは Canvas 専用の Transform コンポーネントです。

　まず、RectTransform コンポーネントがアタッチされているか、確認してください。
例えば、Canvas の子オブジェクトとして作成していない場合、RectTransform ではなく、Transform コンポーネントになっている場合があります。
その場合には正しく表示されません。いったん、子オブジェクトを削除して、再度作成し直してください。

　また、RectTransform コンポーネントがアタッチされていても、ゲームオブジェクトの親子関係を間違えて作成したため、
安易にゲームオブジェクトの構成を変更すると Scale の値が 1,1,1 以外の値になります。
そのため、Scale が小さくなりすぎて、表示されているが見えないくらい小さいという可能性もあります。

　Canvas 内の各ゲームオブジェクトの Scale の値は基本的には 1,1,1 に保持しておくようにしましょう。

３．Width、Height の値

　RectTransform コンポーネント内にはアンカーの設定と、サイズを表す　Width と Height の値があります。
Scale が 1,1,1 で設定されていても、アンカーの位置や、Width と Height の値が小さい場合には、入力した文字列が画面に表示されない場合があります。

　ゲームオブジェクトのサイズは適切な値に設定する必要がありますので、Scene ビュー内で確認しながら、Width、Height の値を調整してください。
特に Text の初期設定では文字列が Width、Height 内に収まっていないと一切表示されません。
初期設定では、文字が Width、Height より、はみ出て表示されないため、気づきにくいので注意してください。

３２．スクリプトを使って、画面のスコア表示数と獲得したコインのポイント数を連動させる

設計

　Canvas ゲームオブジェクト内にスコア表示用のゲームオブジェクトを設置しましたので、次は、このスコアの表示を更新していく処理を実装していきます。

　スコア表示は Text コンポーネントによって制御されていますので、新しく UIManager スクリプトを作成して、この Text コンポーネントに対しての紐づけを行います。
スコア更新用のメソッドを作成して、このメソッドに現在のコインの獲得ポイントの値を渡すことで、スコアの表示を更新してもらうように設計します。

　コインを獲得する処理は PlayerController スクリプトに実装してありますので、この部分にさらに処理を追加して、
コインを獲得したら、UIManager スクリプトに用意したスコア更新用のメソッドに命令を出し、そしてスコアを更新していくロジックにします。

スコア表示までの処理の流れ

１．UIManager スクリプトを作成し、txtScore ゲームオブジェクトにアタッチされている Text コンポーネントを変数に代入して、操作できるようにしておく
２．UIManager スクリプトには、UpdateDisplayScore メソッドを用意し、引数でPlayerController の coinPoint の値を受け取れるようにしておく 
３．PlayerController スクリプトを修正し、OnTriggerEnter2D メソッドの処理の中に、UIManager スクリプトのUpdateDisplayScore メソッドを呼び出す命令を追加する
４．コインを獲得したら、OnTriggerEnter2D メソッドの処理によって、UIManager スクリプトの UpdateDisplayScore メソッドが呼び出されて、スコアが現在の coinPoint の値に更新される

　この手順を実装します。まずは、UIManager スクリプトの作成から行います。

UIManager スクリプトを作成する

　以下の流れを実装します。

１．UIManager スクリプトを作成し、txtScore ゲームオブジェクトにアタッチされている Text コンポーネントを変数に代入して、操作できるようにしておく
２．UIManager スクリプトには、UpdateDisplayScore メソッドを用意し、引数でPlayerController の coinPoint の値を受け取れるようにしておく

　UI 表示更新を行ったりするための管理機能を持たせるクラスです。

　Text 型の変数を宣言し、Canvas 内にある Text コンポーネントの情報をアサインして登録出来るようにします。
この変数を通じてゲーム画面の表示の更新を行います。

　実際に更新を行うためには専用の UpdateDisplayScore メソッドを用意し、適切なタイミングで UpdateDisplayScore メソッドを実行することでスコアの表示更新を行います。ゲーム内の値と表示とを合わせています。

　この処理のポイントは、スコアの管理は PlayerController クラス内で行い、UpdateDisplayScore メソッドはそのスコアの情報を
PlayerController クラス側から引数を通じて受け取ることで、UIManager クラスでは直接管理していないスコアの情報を活用できるようにしている部分です。

　そのためこの UpdateDisplayScore メソッドは、UIManager クラス内に用意はしていますが、
実際に処理の実行命令を出すのは、スコアの情報を管理している PlayerController クラス側になります。
UpdateDisplayScore メソッドのアクセス修飾子が public になっているのもそのためです。

UIManager.cs

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

public class UIManager : MonoBehaviour
{
    [SerializeField]
    private Text txtScore;        // txtScore ゲームオブジェクトの持つ Text コンポーネントをインスペクターからアサインする

    /// <summary>
    /// スコア表示を更新
    /// </summary>
    /// <param name="score"></param>
    public void UpdateDisplayScore(int score) {　　//　<=　この引数でスコアの情報を受け取る
        txtScore.text = score.ToString();
    }
}

UIManager ゲームオブジェクトを作成して、UIManagerスクリプトをアタッチする

　ヒエラルキー上で右クリックをしてメニューを開き、Create Empty を選択して、作成されたゲームオブジェクトの名前を UIManager に変更します。
UIManager ゲームオブジェクトに、作成した UIManager スクリプトをドラッグアンドドロップしてアタッチします。

UIManager ゲームオブジェクト　ヒエラルキー画像

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

　UIManager ゲームオブジェクトを選択してインスペクターを確認します。
UIManager スクリプト内にアサイン情報が表示されますので設定します。

　txtScore 変数には、Textコンポーネントをアサインします。スコアの表示用のゲームオブジェクトとして、Canvas内に txtScore ゲームオブジェクトを作成したありますので
このゲームオブジェクトを選択して、ドラッグアンドドロップしてアサインします。これにより、txtScore ゲームオブジェクトにアタッチされている Text コンポーネントを扱えるようになりました。

＜手順動画　アサイン＞
https://gyazo.com/5567f803562144e813ea8ec81e40b672

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

　以上で設定は完了です。

PlayerController スクリプトを修正して、コインとの接触処理に、コインを獲得するたびにスコアを更新する処理を追加実装する

　宣言フィールドに UIManager スクリプトを扱うための変数を宣言します。
また、OnTriggerEnter2D メソッド内に、コインを獲得して coinPoint 変数の値が更新された後に
UIManager スクリプトに用意したスコア表示を更新する UpdateDisplayScore メソッドを呼び出してスコア表示を更新させます。

　UpdateDisplayScore メソッドの引数として coinPoint の値を渡すことにより、常に、最新のコインの獲得情報を UpdateDisplayScore メソッドに渡すことで
画面のスコア表示の値も coinPoint の値と連動して加算されていく処理が実装出来ます。

PlayerController.cs

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

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

public class PlayerController : MonoBehaviour
{
    private string horizontal = "Horizontal";    // キー入力用の文字列指定
    private string jump = "Jump";

    private Rigidbody2D rb;                      // コンポーネントの取得用
    private Animator anim;

    private float scale;                         // 向きの設定に利用する
    private float limitPosX = 9.5f;              // 横方向の制限値
    private float limitPosY = 4.45f;             // 縦方向の制限値

    public bool isFirstGenerateBallon;          // 初めてバルーンを生成したかを判定するための変数

    public float moveSpeed;                      // 移動速度
    public float jumpPower;                      // ジャンプ・浮遊力

    public bool isGrounded;

    public GameObject[] ballons;                 // GameObject型の配列。インスペクターからヒエラルキーにある Ballon ゲームオブジェクトを２つアサインする
    public int maxBallonCount;                   // バルーンを生成する最大数
    public Transform[] ballonTrans;              // バルーンの生成位置の配列
    public GameObject ballonPrefab;              // バルーンのプレファブ

    public float generateTime;                   // バルーンを生成する時間
    public bool isGenerating;                    // バルーンを生成中かどうかを判定する。false なら生成していない状態。true は生成中の状態

    public float knockbackPower;                 // 敵と接触した際に吹き飛ばされる力
    public int coinPoint;                        // コインを獲得すると増えるポイントの総数


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


    public UIManager uiManager;


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


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

    [SerializeField]
    private StartChecker startChecker;


    void Start() {
        // 必要なコンポーネントを取得して用意した変数に代入
        rb = GetComponent<Rigidbody2D>();
        anim = GetComponent<Animator>();

        scale = transform.localScale.x;

　　　　// 配列の初期化(バルーンの最大生成数だけ配列の要素数を用意する)
        ballons = new GameObject[maxBallonCount];
    }

    void Update() {

        // 地面接地  Physics2D.Linecastメソッドを実行して、Ground Layerとキャラのコライダーとが接地している距離かどうかを確認し、接地しているなら true、接地していないなら false を戻す
        isGrounded = Physics2D.Linecast(transform.position + transform.up * 0.4f, transform.position - transform.up * 0.9f, groundLayer);

        // Sceneビューに Physics2D.LinecastメソッドのLineを表示する
        Debug.DrawLine(transform.position + transform.up * 0.4f, transform.position - transform.up * 0.9f, Color.red, 1.0f);

        // ballons変数の最初の要素の値が空ではないなら = バルーンが１つ生成されるとこの要素に値が代入される = バルーンが１つあるなら
        if (ballons[0] != null) {

            // ジャンプ
            if (Input.GetButtonDown(jump)) {
                Jump();
            }

            // 接地していない(空中にいる)間で、落下中の場合
            if (isGrounded == false && rb.velocity.y < 0.15f) {

                // 落下アニメを繰り返す
                anim.SetTrigger("Fall");
            }
        } else {
            Debug.Log("バルーンがない。ジャンプ不可");
        }

        // Velocity.y の値が 5.0f を超える場合(ジャンプを連続で押した場合)
        if(rb.velocity.y > 5.0f) {

            // Velocity.y の値に制限をかける(落下せずに上空で待機できてしまう現象を防ぐため)
            rb.velocity = new Vector2(rb.velocity.x, 5.0f);
        }

        // 地面に接地していて、バルーンが生成中ではない場合
        if (isGrounded == true && isGenerating == false) {

            // Qボタンを押したら
            if (Input.GetKeyDown(KeyCode.Q)) {

                // バルーンを１つ作成する
                StartCoroutine(GenerateBallon());
            }
        }
    }

    /// <summary>
    /// ジャンプと空中浮遊
    /// </summary>
    private void Jump() {

        // キャラの位置を上方向へ移動させる(ジャンプ・浮遊)
        rb.AddForce(transform.up * jumpPower);

　　　　// Jump(Up + Mid) アニメーションを再生する
　　　　anim.SetTrigger("Jump");  
    }

    void FixedUpdate() {
        // 移動
        Move();    
    }

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

        // 水平(横)方向への入力受付
        float x = Input.GetAxis(horizontal);

        // x の値が 0 ではない場合 = キー入力がある場合
        if (x != 0) {

            // velocity(速度)に新しい値を代入して移動
            rb.velocity = new Vector2(x * moveSpeed, rb.velocity.y);

　　　　　　// temp 変数に現在の localScale 値を代入
            Vector3 temp = transform.localScale;

            // 現在のキー入力値 x を temp.x に代入
            temp.x = x;

            // 向きが変わるときに小数になるとキャラが縮んで見えてしまうので整数値にする            
            if (temp.x > 0) {

                //  数字が0よりも大きければすべて1にする
                temp.x = scale;

            } else {    
                //  数字が0よりも小さければすべて-1にする
                temp.x = -scale;
            }

　　　　　　// キャラの向きを移動方向に合わせる
            transform.localScale = temp;

            // 待機状態のアニメの再生を止めて、走るアニメの再生への遷移を行う
            anim.SetBool("Idle", false);
            anim.SetFloat("Run", 0.5f);
            
        } else {    
　　　　　　//  左右の入力がなかったら横移動の速度を0にしてピタッと止まるようにする
            rb.velocity = new Vector2(0, rb.velocity.y);
            
            //  走るアニメの再生を止めて、待機状態のアニメの再生への遷移を行う
            anim.SetFloat("Run", 0.0f);
            anim.SetBool("Idle", true);
        }

        // 現在の位置情報が移動範囲の制限範囲を超えていないか確認する。超えていたら、制限範囲内に収める
        float posX = Mathf.Clamp(transform.position.x, -limitPosX, limitPosX);
        float posY = Mathf.Clamp(transform.position.y, -limitPosY, limitPosY);

        // 現在の位置を更新(制限範囲を超えた場合、ここで移動の範囲を制限する)
        transform.position = new Vector2(posX, posY);
    }

　　/// <summary>
    /// バルーン生成
    /// </summary>
    /// <returns></returns>
    private IEnumerator GenerateBallon() {

        // すべての配列の要素にバルーンが存在している場合には、バルーンを生成しない
        if (ballons[1] != null) {
            yield break;
        }

        // 生成中状態にする
        isGenerating = true;

        // isFirstGenerateBallon 変数の値が false、つまり、ゲームを開始してから、まだバルーンを１回も生成していないなら
        if (isFirstGenerateBallon == false) {
            
            // 初回バルーン生成を行ったと判断し、true に変更する = 次回以降はバルーンを生成しても、if 文の条件を満たさなくなり、この処理には入らない
            isFirstGenerateBallon = true;

　　　　　　Debug.Log("初回のバルーン生成");

            // startChecker 変数に代入されている StartChecker スクリプトにアクセスして、SetInitialSpeed メソッドを実行する
            startChecker.SetInitialSpeed();
        }

　　　　// １つめの配列の要素が空なら
        if (ballons[0] == null) {

            // 1つ目のバルーン生成を生成して、1番目の配列へ代入
            ballons[0] = Instantiate(ballonPrefab, ballonTrans[0]);
            ballons[0].GetComponent<Ballon>().SetUpBallon(this);

        } else {

            // 2つ目のバルーン生成を生成して、2番目の配列へ代入
            ballons[1] = Instantiate(ballonPrefab, ballonTrans[1]);
            ballons[1].GetComponent<Ballon>().SetUpBallon(this);

        }

        // 生成時間分待機
        yield return new WaitForSeconds(generateTime);

        // 生成中状態終了。再度生成できるようにする
        isGenerating = false;
    }

　　private void OnCollisionEnter2D(Collision2D col) {

        // 接触したコライダーを持つゲームオブジェクトのTagがEnemyなら 
        if (col.gameObject.tag == "Enemy") {

            // キャラと敵の位置から距離と方向を計算
            Vector3 direction = (transform.position - col.transform.position).normalized;

            // 敵の反対側にキャラを吹き飛ばす
            transform.position += direction * knockbackPower;
        }
    }

    /// <summary>
    /// バルーン破壊
    /// </summary>
    public void DestroyBallon() {

        // TODO 後程、バルーンが破壊される際に「割れた」ように見えるアニメ演出を追加する

        if (ballons[1] != null) {
            Destroy(ballons[1]);
        } else if (ballons[0] != null){
            Destroy(ballons[0]);
        }
    }

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

        // 通過したコライダーを持つゲームオブジェクトの Tag が Coin の場合
        if (col.gameObject.tag == "Coin") {

            // 通過したコインのゲームオブジェクトの持つ Coin スクリプトを取得し、point 変数の値をキャラの持つ coinPoint 変数に加算
            coinPoint += col.gameObject.GetComponent<Coin>().point;


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


　　　　　　uiManager.UpdateDisplayScore(coinPoint);


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


　　　　　　// 通過したコインのゲームオブジェクトを破壊する
            Destroy(col.gameObject);
        }
    }
}

Yuko_Player ゲームオブジェクトの PlayerController スクリプトの設定を行う

　PlayerController スクリプトの修正が終了したらセーブを行い、ヒエラルキーにある Yuko_Player ゲームオブジェクトを選択して
インスペクターから PlayerController スクリプトの確認を行います。

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

　　
　新しく宣言した uiManager 変数へのアサインが表示されていますので、ヒエラルキーにある UIManager ゲームオブジェクトを選択して
ドラッグアンドドロップしてアサインしてください。これで UIManager ゲームオブジェクトにアタッチされている UIManager スクリプトの情報がアサインされます。

＜手順動画　アサイン＞
https://gyazo.com/afc61da4871d76b2fda4d6e8985e73cc

Yuko_Player ゲームオブジェクト　アサイン後のインスペクター画像

　以上で設定は完了です。

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

　
　ゲームを実行して、コインを獲得してみます。スコアの表示が 0 から PlayerController スクリプトの coinPoint の値に更新されれば成功です。
複数のコインを獲得したり、Coin スクリプトの point 変数を変更したりして、動作を試してみましょう。

＜実行動画＞
https://gyazo.com/e1ce79751978912fc5c89a95ed0cabee

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

　次は　手順１９　ーゲームオーバー処理の実装ー　です。

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

印刷する

コメント（0）

強制横スクロールゲーム　手順１８ - i-school 先頭へ

コメントをかく

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

i-school