タイムアップでUIテキストを表示

2021年05月26日

制限時間でタイムアップすれば、TimeUpが表示されるカウントダウンタイマーを作成しましょう。

一度タイムアップの仕組みを作っておけば、いろいろな場面で活用できそうです。

タイマーのテキスト

UI > テキストを作成します。

テキスト名をTimerにして、色、フォントサイズ、位置を変更します。

このように配置されました。

ここにタイマーを表示させるので、NewTextの文字は消しておきます。

タイムアップのテキスト

もう一つ、UI > テキストを作成します。

テキスト名はTimeUpTextに変更。

テキストに「TIME UP」を入れ、色、フォントサイズ、位置を変更します。

このように配置されています。

最後にTIME UPのテキストは消します。

カウントダウンタイマー

空のオブジェクトを作成します。

CountDown.csを作成して、GameObject（空のオブジェクト）に追加します。

CountDown.csを記述します。

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

public class CountDown : MonoBehaviour
{
    private float time = 3.0f;
    public Text timerText;
    public Text timeUpText;

    void Update()
    {
        if (0 < time) {
            time -= Time.deltaTime;
            timerText.text = time.ToString("F1");
        }
        else if (time <= 0) {
            timeUpText.text = "TIME UP";
        }
    }
}

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

using UnityEngine.UI;

public class CountDown : MonoBehaviour

{

private float time = 3.0f;

public Text timerText;

public Text timeUpText;

void Update()

{

if (0 < time) {

time -= Time.deltaTime;

timerText.text = time.ToString("F1");

}

else if (time <= 0) {

timeUpText.text = "TIME UP";

}

UIテキストを扱う場合、using UnityEngine.UI; を忘れずに書いておきましょう。

フィールドが2つ出来るので、ここにTimer、TimeUpTextのテキストオブジェクトを入れます。

プレイしてみましょう。

3秒から時間が減っていき、0秒でタイムアップになります。

deltaTimeを減算させて、数値をtimeに入れています。

テキスト表示させる際、"F1"を使って小数第一位の表示にしています。

< 前の記事次の記事 >

タイムアップでUIテキストを表示

タイマーのテキスト

タイムアップのテキスト

カウントダウンタイマー

SCHOOL教室案内

枚方くずは校

神戸芦屋校

京都南教室