TextMeshProを使用したタイムアップのしくみ

2022年12月20日

タイムアップになれば、操作不可になるように、スクリプトを作成しましょう。

今回のカウンダウンタイマーは、TextMeshProを使用して作ります。

タイマーが0になれば、TimeUpの表示が出て、プレーヤー（Cube）は動けなくなります。

TextMeshProの作成

まずはTextMeshProをインポートしましょう。

ヒエラルキー > UI > TextMeshProを選択します。

TMP Importの画面が出ますので、Import TMP Essentialsをクリックしましょう。

Assets内に、TextMeshProのフォルダが確認できます。

Text(TMP)のサイズ、色、位置などを設定します。

ゲームビューではこのように見えています。

オブジェクトの用意

Plane、Cube、空のオブジェクト（GameObject）を作成します。

オブジェクトに色をつけ、Cubeは地上に出します。

ゲームビューではこのように見えています。

タイムアップのスクリプト

カウンダウンするタイマーと、時間が過ぎれば「TimeUp!」と表示されるようにしましょう。

TimeScript.csを作成し、GameObjectに追加します。

TimeScript.csを記述します。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using TMPro; //TextMeshProを扱う際に必要

public class TimeScript : MonoBehaviour
{
    [SerializeField] TextMeshProUGUI timeText;
    private float time;
    public bool isTimeUp;
    public static TimeScript instance;

    public void Awake()
    {
        if(instance == null)
        {
            instance = this;
        }
    }

    void Start()
    {
        time = 3.0f;
    }

    void Update()
    {
        if (0 <= time) 
        {
            time -= Time.deltaTime;
            timeText.text = "Time: " + time.ToString("F1");
        }
        else if(0 >= time)
        {
            isTimeUp = true;
            timeText.text = "TimeUp!";
        }
    }
}

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

using TMPro; //TextMeshProを扱う際に必要

public class TimeScript : MonoBehaviour

{

[SerializeField] TextMeshProUGUI timeText;

private float time;

public bool isTimeUp;

public static TimeScript instance;

public void Awake()

{

if(instance == null)

{

instance = this;

}

void Start()

{

time = 3.0f;

}

void Update()

{

if (0 <= time)

{

time -= Time.deltaTime;

timeText.text = "Time: " + time.ToString("F1");

}

else if(0 >= time)

{

isTimeUp = true;

timeText.text = "TimeUp!";

}

TextMeshProを扱う際に必要には、using TMPro; を忘れずに記述しておきましょう。

time.ToString("F1") と書けば、少数第一位までを表示できます。

TimeTextのフィールドに、Text（TMP）を入れましょう。

続いて、プレーヤー（Cube）を操作できるようにスクリプトを作成します。

CubeMove.csを作成し、Cubeに追加します。

こちらは、「TimeUp!」が出てくれば、それ以上は操作不可にするスクリプトです。

CubeMove.csを記述しましょう。

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

public class CubeMove : MonoBehaviour
{
    private float speed = 3.0f;
 
    void Update()
    {
        if(!TimeScript.instance.isTimeUp)
        {
            float moveX = Input.GetAxis("Horizontal") * Time.deltaTime * speed;
            float moveZ = Input.GetAxis("Vertical") * Time.deltaTime * speed;
            transform.position = new Vector3
            (
                transform.position.x + moveX, 
                transform.position.y, 
                transform.position.z + moveZ
            );
        }
    }
}

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

public class CubeMove : MonoBehaviour

{

private float speed = 3.0f;

void Update()

{

if(!TimeScript.instance.isTimeUp)

{

float moveX = Input.GetAxis("Horizontal") * Time.deltaTime * speed;

float moveZ = Input.GetAxis("Vertical") * Time.deltaTime * speed;

transform.position = new Vector3

(

transform.position.x + moveX,

transform.position.y,

transform.position.z + moveZ

);

}

TimeUpクラスの isTimeUp を参照しています。

isTimeUp が falseの状態（タイマーが動いている間）のみ、操作可能です。

ゲームプレイして、動きを確認しましょう。

タイマーが動いている間は、移動可能。

タイムアップになれば、動けなくなります。

< 前の記事次の記事 >

TextMeshProを使用したタイムアップのしくみ

TextMeshProの作成

オブジェクトの用意

タイムアップのスクリプト

SCHOOL教室案内

枚方くずは校

神戸芦屋校

京都南教室