残り時間をゲージとテキストで表示するUIを作る

[JiaChen-Zeng]

ゲームプレイ時、残り時間をUIの上部に表示する必要がある。以下の図の赤い長方形でくくられた部分がそのUI。2つとも形式は違うが同じ数値を表す。画像は MainGame シーンを参照。 まずテキストのほうだけをやろう。 ゲージまで完成する必要がない可能性もある。

残り時間のゲージ

Unity はもう Slider という UI があるので、それをベースに作る。あとで見た目変えられるか気にかけておく。

残り時間のテキスト

TextMeshPro はテキストの UI。見た目に関連する実装方法は 2 つあってどちらを使うかを決める必要がある。

1. 一番簡単で望ましいのは、TextMeshPro 自身のパラメーターでほしい見た目まで調整する。普通これで十分とは思うが、ほしい効果にできない可能性もある。
2. 1 でできなければ、パラメーターはデフォルトでいい。あとの見た目の調整は、完全に手動で数字の画像を作って、それを Unity のフォントのアセットにして、TextMeshPro でそのフォントを使うだけ。

API

時間は TimeSpan なのか覚えていないので確認しておくこと。

TimeSpan TimeRemaining { get };
void StartCountDown(TimeSpan);
void Pause();
void Resume();
delegate void Finish();