第11週：制限時間とリトライ

前回の復習

前回はCanvasとTextMeshProでスコアを表示しました。

• UIはCanvasの中に置く
• public static instanceでどこからでも呼び出せるようにした
• 合体時にAddScoreを呼んで加点した

今日はゲームの終わりを作ります。

今日の目標

• 制限時間をカウントダウンして画面に表示する
• 時間が0になったらゲームオーバーにする
• ゲームオーバー画面と最終スコアを表示する
• もう一度遊べるボタンを作る

どうやってゲームを終わらせるか

このゲームの終わり方を決める

今のままではゲームがいつまでも続きます。 終わりがないと、上手にできたのかどうかも分かりません。

終わらせ方には、いくつか考え方があります。

終わり方	よいところ	むずかしいところ
制限時間	作るのが簡単。スコアを競える	箱があふれても続いてしまう
箱からあふれたら	本物のゲームらしい	判定の位置調整がむずかしい
玉を出せる回数を決める	分かりやすい	時間をかけると有利になってしまう

重要

この教科書では「制限時間」を採用します。
作るのが簡単なうえに、 同じ時間で誰がいちばん高いスコアを出せるかを クラスで競えるようになるからです。

「箱からあふれたら終わり」は発展課題で作ります。

時間で終わるしくみ

考え方はとても単純です。

1. 残り時間の変数を用意して、最初に90秒を入れる
2. 毎フレーム、経過した分だけ残り時間を減らす
3. 残り時間が0以下になったらゲームオーバー

制限時間の流れ

時間の数え方を知ろう

Time.deltaTime

第4週でも少し出てきましたが、あらためて確認します。

// 前のフレームから今のフレームまでにかかった秒数
Time.deltaTime

なぜ「1フレームで1減らす」ではだめなのか

1秒間に何フレーム進むかは、PCの性能によって違います。

• 高性能なPC：1秒間に120フレーム
• ふつうのPC：1秒間に60フレーム

もし「1フレームごとに1減らす」と書くと、 高性能なPCのほうが2倍速く時間が減ります。 これでは公平に競えません。

Time.deltaTimeを足していけば、 どのPCでも同じ速さで時間が進みます。

void Update()
{
    // 経過した分だけ残り時間を減らす
    timeLeft -= Time.deltaTime;
}

ヒント

timeLeft -= Time.deltaTime;は timeLeft = timeLeft - Time.deltaTime; の短い書き方です。Pythonの-=と同じです。

残り時間の表示を作ろう

スコアと同じ作り方です。第10週の復習にもなります。

1. HierarchyでCanvasを選択した状態で右クリック
2. UI → Text - TextMeshPro
3. 名前をTimeTextに変更
4. RectTransform：
   • Anchor Presetsで右上を選択
   • Pos X：-150、Pos Y：-60
   • Width：400、Height：80
5. TextMeshPro - Text：
   • Text Input欄にTIME 90と入力
   • Font Size：48
   • Alignment：右寄せ
   • Vertex Color：白

残り時間の表示設定

ヒント

スコアは左上、時間は右上。 こうすると両方が見やすく、ゲームらしい画面になります。

ゲームオーバー画面を作ろう

パネルを作る

1. HierarchyでCanvasを選択した状態で右クリック
2. UI → Panelを選択
3. 名前をGameOverPanelに変更
4. ImageのColorで黒の半透明にする（Aを180くらい）

文字とボタンを置く

GameOverPanelを選択した状態で、その中に3つ作ります。

1. 見出しの文字
   • 右クリック → UI → Text - TextMeshPro
   • 名前をTimeUpText、Text Input欄にTIME UP!
   • Font Size：96、Alignment：中央、Pos Y：150
2. 最終スコアの文字
   • 右クリック → UI → Text - TextMeshPro
   • 名前をResultText、Text Input欄にSCORE 0
   • Font Size：56、Alignment：中央、Pos Y：20
3. リトライボタン
   • 右クリック → UI → Button - TextMeshPro
   • 名前をRetryButton、Pos Y：-120
   • Width：300、Height：90
   • 中のText (TMP)のText Input欄にRETRY
   • Font Size：40

ゲームオーバー画面

ヒント

作っている間はパネルが画面をふさいで邪魔になります。 Inspectorの名前の左のチェックを外すと一時的に隠せます。 ゲーム中はスクリプトで切り替えるので、 チェックは外したままでOKです。

GameManagerを作ろう

ゲーム全体の進行を管理する係を作ります。

1. Hierarchyで右クリック → Create Empty
2. 名前をGameManagerに変更
3. Assets/ScriptsにGameManagerスクリプトを作る

using UnityEngine;
using UnityEngine.SceneManagement;
using TMPro;

public class GameManager : MonoBehaviour
{
    // どこからでも呼び出せる入口
    public static GameManager instance;

    // 制限時間（秒）
    public float timeLimit = 90f;

    // 残り時間を表示するテキスト
    public TextMeshProUGUI timeText;

    // ゲームオーバー画面と、その中の最終スコア表示
    public GameObject gameOverPanel;
    public TextMeshProUGUI resultText;

    // 玉を出す係（ゲームオーバー後に止めるため）
    public BallSpawner spawner;

    // 残り時間
    private float timeLeft;

    // もうゲームオーバーになったか
    private bool isGameOver = false;

    void Awake()
    {
        instance = this;
    }

    void Start()
    {
        timeLeft = timeLimit;
        gameOverPanel.SetActive(false);
        UpdateTimeText();
    }

    void Update()
    {
        // ゲームオーバー後は時間を減らさない
        if (isGameOver) return;

        // 経過した分だけ残り時間を減らす
        timeLeft -= Time.deltaTime;

        // 0を下回ったら0にそろえる
        if (timeLeft <= 0f)
        {
            timeLeft = 0f;
            UpdateTimeText();
            GameOver();
            return;
        }

        UpdateTimeText();
    }

    // 残り時間の表示を書き換える
    void UpdateTimeText()
    {
        // 小数を切り上げて整数の秒数にする
        int seconds = Mathf.CeilToInt(timeLeft);
        timeText.text = "TIME " + seconds;
    }

    // ゲームオーバーにする
    public void GameOver()
    {
        // すでにゲームオーバーなら何もしない
        if (isGameOver) return;
        isGameOver = true;

        Debug.Log("ゲームオーバー！");

        // ゲームオーバー画面を表示する
        gameOverPanel.SetActive(true);

        // 玉を出せなくする
        if (spawner != null)
        {
            spawner.enabled = false;
        }
    }

    // リトライボタンから呼ばれる
    public void Retry()
    {
        // 今のシーンをもう一度読み込む
        SceneManager.LoadScene(SceneManager.GetActiveScene().name);
    }
}

取り付けと設定

1. GameManager.csをGameManagerオブジェクトにドラッグ
2. HierarchyでGameManagerを選択
3. Inspectorで4つの欄を設定：
   • Time TextにTimeText
   • Game Over PanelにGameOverPanel
   • Result TextにResultText
   • SpawnerにBallSpawner

4つすべて設定すること

どれか1つでも空だと、再生した瞬間に NullReferenceExceptionが出て止まります。

Inspectorを見て、Noneが残っていないか確認してください。

再生して確認

再生してみてください。

右上の数字が90からカウントダウンします！ 0になるとTIME UP!が表示されます。

ヒント

テストのたびに90秒待つのは大変です。 InspectorのTime Limitを10にすれば すぐ確認できます（確認できたら90に戻しましょう）。

Inspectorの値はスクリプトを書き換えずに変えられます。 これがpublicにしておく利点です。

Mathf.CeilToIntで見やすくする

そのまま表示すると読みにくい

timeLeftは小数なので、そのまま表示すると TIME 87.34291のようになってしまいます。

命令	87.6のとき	意味
Mathf.CeilToInt	88	切り上げ
Mathf.FloorToInt	87	切り捨て
Mathf.RoundToInt	88	四捨五入

なぜ切り上げを選ぶのか

切り捨てを使うと、始めた瞬間に「89」と表示されてしまいます。 残り90秒なのに89と出るのは変です。

切り上げなら、90.0秒のときちょうど90と表示され、 0になるまで1が表示され続けます。 ストップウォッチと同じ感覚になります。

最終スコアを表示しよう

ゲームオーバー画面に、その回のスコアを出しましょう。

ScoreManagerからスコアを取り出す

第10週のScoreManagerでは、 scoreがprivateなので外から読めません。 読めるようにメソッドを追加します。

ScoreManager.csに追加してください。

    // 今のスコアを教える
    public int GetScore()
    {
        return score;
    }

なぜpublicな変数にしないの？

public int score;にすれば外から読めますが、 外から勝手に書き換えられるようにもなってしまいます。

「読むのはOK、書くのはメソッド経由で」としておくと、 スコアがおかしくなる事故を防げます。 これはカプセル化という大事な考え方です。

GameManagerで表示する

GameOverメソッドに追加します。

        // ゲームオーバー画面を表示する
        gameOverPanel.SetActive(true);

        // 最終スコアを表示する
        if (ScoreManager.instance != null)
        {
            resultText.text = "SCORE " + ScoreManager.instance.GetScore();
        }

        // 玉を出せなくする

再生して時間切れまで待つと、 その回のスコアが表示されます！

ボタンをスクリプトにつなぐ

OnClickの設定

1. HierarchyでRetryButtonを選択
2. Inspectorの一番下、On Click ()を見る
3. ＋ボタンをクリックして枠を1つ追加
4. None (Object)の欄に、 HierarchyのGameManagerをドラッグ
5. 右側のドロップダウン（No Function）をクリック
6. GameManager → Retry ()を選択

OnClickの設定

publicでないとリストに出ません

ドロップダウンにメソッドが出てこないときは、 そのメソッドがpublicになっているか確認してください。

public void Retry()   // ← public が必要

privateや書き忘れだと、Unityから見えません。

再生して確認

1. 再生して時間切れまで待つ（Time Limitを10にすると速い）
2. RETRYボタンをクリック
3. ゲームが最初から始まる（玉が消え、スコアと時間が戻る）

リトライ成功

シーンを読み込み直すとどうなるの？

SceneManager.LoadScene(SceneManager.GetActiveScene().name);

「今のシーンの名前を調べて、そのシーンをもう一度読み込む」 という意味です。

シーンを読み込み直すと、すべてが最初の状態に戻ります。 玉も消え、スコアも0に、残り時間も90秒に、 isGameOverもfalseに戻ります。

1つ1つ手で戻すよりはるかに簡単で確実です。 リトライ機能の定番の作り方です。

スコアを競ってみよう

制限時間があるので、同じ条件で競えるようになりました。

ヒント

クラスでスコアを比べてみましょう。
同じ90秒で、どうすれば点が伸びるか考えてみてください。

• とにかく速く落とす？
• 合体しやすい場所をねらう？
• 大きい玉を作ることを優先する？

「どうすれば強いか」を考えるのは、 ゲームバランスを考えることそのものです。 作る側の視点が身につきます。

よくある問題と解決方法

症状	原因と対処法
NullReferenceException が出て動かない	GameManagerの4つの欄のどれかが空
時間が減らない	UpdateではなくStartに書いている
時間の表示が小数だらけ	Mathf.CeilToIntを使っているか確認
時間がマイナスになる	if (timeLeft <= 0f) の中で0fを代入しているか確認
ゲームオーバー画面が最初から出ている	gameOverPanel.SetActive(false) がStartにあるか確認
RETRYボタンが効かない	On Clickの設定漏れ。GameManagerとRetryを指定
ドロップダウンにRetryが出ない	メソッドがpublicになっていない
ボタンが押せない	EventSystemを消してしまっている。 UI作成時に自動で作られるので、作り直す
時間切れ後も玉が出る	Spawner欄が空。spawner.enabled が働いていない
最終スコアが0のまま	GetScoreを ScoreManagerに追加したか確認

ヒント

テストは Time Limit を短くして
毎回90秒待つ必要はありません。Inspectorで5や10にして 確認し、できたら戻しましょう。

今週の課題

基礎課題全員必須

制限時間とリトライを作る：

• TimeTextを作って残り時間を表示する
• GameOverPanelに文字とボタンを置く
• GameManagerを作り、Inspectorで4つの欄を設定
• RetryButtonのOn ClickにRetryを設定する
• 時間切れとリトライが動くことを確認
• 最後にCtrl + Sで保存する

標準課題時間があれば

遊びやすく仕上げる：

• ScoreManagerにGetScoreを追加して最終スコアを表示
• timeLimitを変えて、ちょうどよい長さを探す
• 残り10秒以下でTimeTextを赤くする
  （ヒント：timeText.color = Color.red;）
• クラスでスコアを比べ、どうすれば伸びるか考える

発展課題チャレンジ

箱からあふれたら終わりにする（本格版）：

• 次の節を読んで、積み上がり判定を追加する
• 時間制限と組み合わせて「どちらか早いほうで終わり」にする
• ゲームオーバーの理由によって 表示する文字を変える（TIME UP! と GAME OVER）

発展：箱からあふれたら終わりにする

ここからは余裕がある人向けです。 本物のゲームらしく「積み上がったら終わり」を追加します。

単純に考えるとうまくいかない

落ちてくる玉も上を通る

「箱の上のほうに玉が来たら終わり」にすると、 落ちてくる途中の玉も必ず上を通ります。

つまり玉を出した瞬間にゲームオーバーになってしまいます。

そこで「一定時間ずっといたら」という条件にします。 落ちてくる玉はすぐ通り過ぎるのでセーフ、 積み上がって止まっている玉はアウトになります。

トリガーを知ろう

Colliderには「ぶつかる」と「通り抜ける」の2つのモードがあります。

	通常のCollider	トリガー（Is Trigger オン）
物理的に	ぶつかる（止まる）	通り抜ける（止まらない）
呼ばれるメソッド	OnCollisionEnter2D	OnTriggerEnter2D
使いどころ	壁、床、玉同士	ゴール判定、アイテム取得、範囲の検出

トリガーは「センサー」

自動ドアのセンサーは人を止めませんが、 人が入ってきたことは分かります。

トリガーもこれと同じで、玉を止めずに 「玉がこの範囲にいる」ことだけを知らせてくれます。

ラインを作る

1. Hierarchyで右クリック → 2D Object → Sprites → Square
2. 名前をGameOverLineに変更
3. Position：(0, 1.5, 0)、Scale：(7, 0.1, 1)
4. Sprite RendererのColorを赤の半透明にする（Aを100くらい）
5. Add Component → Box Collider 2D
6. Is Triggerにチェックを入れる

ゲームオーバーラインの作成

Is Triggerを忘れると大事故

チェックを入れ忘れると、このラインがただの板になります。 玉がラインの上に乗ってしまい、箱に落ちなくなります。

「玉が空中で止まる」ときは、まずここを確認してください。

位置の目安

もの	Y座標	意味
玉が出てくる高さ	4	ラインより上
壁の上端	2
GameOverLine	1.5	壁の上のほう
床の上面	-3.75	箱の底

スクリプト

using UnityEngine;

public class GameOverLine : MonoBehaviour
{
    // この秒数を超えたらゲームオーバー
    public float limitTime = 2f;

    // 玉がラインにいる時間
    private float timer = 0f;

    // 玉がラインの中にいる間、毎フレーム呼ばれる
    void OnTriggerStay2D(Collider2D other)
    {
        // 玉でなければ数えない
        if (other.GetComponent<Ball>() == null) return;

        timer += Time.deltaTime;

        if (timer >= limitTime)
        {
            GameManager.instance.GameOver();
        }
    }

    // 玉がラインから出たらリセット
    void OnTriggerExit2D(Collider2D other)
    {
        timer = 0f;
    }
}

この作り方の弱点

OnTriggerStay2Dは ラインに触れている玉1つごとに呼ばれます。

玉が3つ触れていると1フレームで3回呼ばれるので、 タイマーが3倍の速さで進みます。 つまり玉が多いほど早く終わります。

「あふれそうなら早めに終わる」ので大きな問題にはなりませんが、 直したい人はOnTriggerStay2Dでフラグを立て、 Updateで時間を数えるようにしてみましょう。

ヒント

弱点を知っておくことが大事です。 プロの開発でも「今はこれで十分」と割り切る判断をよくします。 大切なのは分かっていて選んでいることです。

次回予告

ついに最終回です。

次回は音をつけます。 合体の音、玉を落とす音、時間切れの音、そしてBGM。 音が入るとゲームの印象が驚くほど変わります。

最後に全体を調整して、自分のゲームとして完成させましょう。