【Unity】カウントダウンタイマーの作り方【初心者向け】

2024年9月24日2024年10月31日

今回はカウントダウンタイマーの作り方をご紹介します。

カウントダウンタイマーが作れると、制限時間があるゲームやスマホゲームでよくあるスタミナ機能などにも応用できますよね。

完成イメージはこんな感じです。10秒からカウントして、0になったらストップします。

まるとこ

それでは早速作ってみましょう！

使用したUnityのバージョン：2022.3.44f1（多少違ってもOK）

シーンの作成・下準備

プロジェクトを作成します。どの形式でも構いませんが、今回は2D Mobileで作成し、Game画面のサイズは16:9 Portraitにしました。

新規シーンを作ります。今後発展させてスタミナタイマーにしたいのでシーン名は「Stamina」と名付けました。

さらに、タイマーの数字を表示するためのテキストを用意します。

左上のHierarchyの下の＋ > UI > Legacy > Textを選択し、Textオブジェクトを作ります。

こんな感じになっていれば大丈夫です。（CanvasとEventSystemは勝手に作られますがそのままでOK）

TimerTextのInspectorを編集します。

Textにはひとまず10と入力し、Font Sizeを100、Horizontal OverflowとVertical OverflowはどちらもOverflow、Colorは白にしました。

ゲーム画面でテキストが見えていればOKです。

次に、後でスクリプトをアタッチするための空オブジェクトを作成します。

＋ > Create Emptyで空オブジェクトを作成します。オブジェクト名は「Timer」にしました。

スクリプトを作成します。下の方の「Project」ウィンドウから、スクリプトを置きたいフォルダ（ここではAssetsフォルダの中にScriptsフォルダを作りました）に移動し、

右クリック > Create > C# Scriptを選択してスクリプトを作成します。

スクリプトの名前も「Timer」にしました。

Hierarchy上で先ほど作ったTimerオブジェクトをクリックし、InspectorにTimerスクリプトをドラッグ&ドロップします。

このようになっていればOK！これでスクリプトをアタッチできました。

スクリプトの作成

カウントダウンタイマーを動かすためのスクリプトを作っていきます。

先ほど作ったTimerスクリプトを開いて編集します。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI; // UIを使うときに必要

public class Timer : MonoBehaviour
{
    [SerializeField]
    Text TimerText;
    float limitTime = 10; // 制限時間

    // Start is called before the first frame update
    void Start()
    {
        
    }

    // Update is called once per frame
    void Update()
    {
        limitTime -= Time.deltaTime;

        if (limitTime < 0)
        {
            limitTime = 0;
        }

        TimerText.text = limitTime.ToString("F0"); // 残り時間を整数で表示
    }
}

8,9行目で、数字を表示するテキストを宣言しています。[SerializeField]と付けることで、インスペクター上で先ほど作ったTimerTextオブジェクトをドラッグして紐づけることができます。

21行目でUpdateメソッドが呼ばれるたびに制限時間（limitTime）が減るようにしています。

23〜26行目で、制限時間が０未満になったらlimitTimeも０となるようにし、28行目で制限時間を整数で表示するようにしています。（”F0″と書くと整数。小数点以下第１位まで表示したい時は”F1″にします。）

保存してUnityの画面に戻ります。

Timerオブジェクトをクリックすると、インスペクターにTimerTextオブジェクトを指定できる欄ができているので、ドラッグ&ドロップします。