#15　タイトル画面とゲームオーバー画面をつくる

このブログは、趣味でプログラミングを勉強中の筆者が、実験を繰り返しながら、WordPressの使い方の練習も兼ねて、備忘録のように記事を残していくものです。Unityのバージョンは6000.0.32f1です。

とりあえずゲームとしての形にはなってきましたので、タイトルとゲームオーバー画面を作ります。超簡単に。

今回のゴール

タイトル画面とゲームオーバー画面を作る

シーンの追加
プロジェクトにシーンを追加する
UIボタンの設定をする
スクリプトとボタンを紐付ける
ボタンを押して処理をする仕組みを作る

シーンの追加

メニューからFile→New Scene（コントロールキー＋Nキーでも可）を選んで、新しいシーンを作ります。

同じようにBasic 2Dを選んでCreateをクリックします。

作成したシーンをScenesフォルダにTitleとして保存します。

ざっくりとUIテキストを貼り付けます。そして、今回はUIボタンも貼りました。簡単すぎ！

プロジェクトにシーンを追加する

プログラムでシーンを切り替えるのに、少し準備が必要です。ファイル→ビルドプロファイルを選択します。

開いているシーンを追加を選んで、今のシーンをプロジェクトに追加します。タイトル画面を追加したら、ゲームオーバーのシーンを作成して追加します。

ビルドプロファイルに追加するのも忘れずに。

ドラッグで順番を調整できますので、シーンリストの順番も整えておきましょう。

UIボタンの設定をする

UIボタンをクリックするとScene1に遷移したいので、制御用のスクリプトを作ります。

Title.cs

using TMPro;
using UnityEngine;

public class Title : MonoBehaviour
{
    [SerializeField]
    TextMeshProUGUI _label;     //実際のボタンのテキストと紐付ける入れ物を作る
    
    void Start()
    {
        // ラベルを初期化する
        _label.text = "PRESS TO GAME START";  //紐付いたラベルの文字列を変える
    }

    public void OnPressed()   //ボタンが押されたときに呼ばれる関数
    {
        UnityEngine.SceneManagement.SceneManager.LoadScene("Scene1"); //Scene1に切り替える
    }
}

ボタンのテキストを制御するのに、テキストメッシュプロの設定を読み込む必要があるので、ファイルのはじめにusing TMPro;を追加します。また、インスペクタでボタンの設定をするために、

[SerializeField]
TextMeshProUGUI _label;

を使います。[SerializeField]は何かというと、publicにしなくてもインスペクタで設定ができるようにする指示文です。他のスクリプトからいじる必要がなければ、publicよりも推奨されています。TextMeshProUGUI _labelで、実際のボタンを紐付ける入れ物を作り、_labelという名前をつけます。以降、_labelに操作をすることで、ボタンのテキストが変更できます。

まだ、ボタンのテキストとこのスクリプトを紐付ける操作をしていないので、今の段階では変更できません。

スクリプトとボタンを紐付ける

_labelとボタンのテキストを紐付けるために次の操作をします。

ButtonオブジェクトをStartButtonに名前を変更します。
StartButtonオブジェクトにTitleスクリプトをドラッグして取り付けます。

次に、StartButtonの中のTextをTitleスクリプトのラベルの欄にドラッグして設定します。これで、Titleスクリプトの中の_labelとボタンに表示されたテキストが紐付きました。Start関数の中の _label.text = “PRESS TO GAME START”で、ボタンのテキストを変更することが出来ます。