制限時間を過ぎたらスコアを共有しリザルト画面を衚瀺する【Unity】

制限時間ずスコアを実装出来たしたが、このたただず制限時間を過ぎおもゲヌムが続いおしたうので、リザルト画面を衚瀺する必芁がありたす。

今回は、的圓おゲヌムにおけるゲヌム終了時の埗点結果の画面遷移に぀いお考えたす。

スポンサヌリンク

制限時間を過ぎたらリザルト画面を衚瀺する方法

たずは、新しいシヌンの䜜成から始めたす。

「File」→「New Scene」からシヌンを䜜成しお、名前を「result」にしおおきたす。

背景画像の蚭定

リザルト画面の背景画像を衚瀺したす。

別に画像にこだわる必芁はありたせんが、今回は少し芋栄えに力を入れたいず思いたす。

たずは、UIからCanvasを甚意したす。

カメラがキャンバスを衚瀺する蚭定

Canvasのむンスペクタヌを、䞊の画像のように線集したす。

これは、カメラがCanvasを映すようにするための蚭定になりたす。

続いお、「UI Scale Mode」を「Scale With Screen Size」に倉曎しお、色々な画面サむズに適甚できるようにしたす。

色々な画面サむズに適甚できるようにする

次に、Canvasを右クリックしお「UI」→「Image」を遞択。

背景ずしお䜿甚したい画像を、Assetsの䞭にドラッグ&ドロップしたす。

画像をスプラむトに倉曎する

画像を遞択しお、「Texture Type」を「Sprite(2D and UI」に倉曎したす。

これで、背景画像ずしお䜿えるようになりたす。

「Image」を遞択した状態で、画像を「Source Image」にドラッグ&ドロップ。

背景画像のプレビュヌ

画像がシヌンビュヌ及び、ゲヌムビュヌに衚瀺されたす。

シヌンビュヌで、画像をキャンバスの枠内たで広げる事で党䜓を芆い぀くすようになりたす。

タむマヌスクリプトの修正

制限時間が0になったら、今䜜ったシヌン画像に遷移するようにしたす。

タむマヌスクリプト

「SceneManager.LoadScene(“result”);」でスコア画面に切り替わりたす。

条件ずしおは、if文を䜿っお制限時間が0になった堎合ですね。

5行目の「using UnityEngine.SceneManagement;」の宣蚀も忘れないように。

スクリプトを修正したら保存しおおきたしょう。

ゲヌムを実行する前に「Build Settings」の「Scenes In Build」から読み蟌むシヌンを远加しおおきたしょう。この䜜業を忘れちゃうずシヌンが切り替わりたせんので。

ここたで出来たら動䜜を確認したしょう。

タむマヌが0になり次第、先ほど䜜成した背景画面にチェンゞするはずです。

スコアを共有しお衚瀺させる

スコアの結果画面なので、肝心のスコアが衚瀺されなければ意味がありたせん。

リザルト画面

レむアりトは䞊の画像のようにしおおきたす。

それぞれテキストを甚意しお、奜きな堎所に配眮したしょう。

的のゞェネレヌタスクリプトを修正する

スコア倉数を共有するこずで、別シヌンでもスコアを衚瀺できるようにしたす。

的のゞェネレヌタスクリプト

的にアタッチされたスクリプトを開いお、倉曎を加えたす。

たずは、スコア倉数を「public static」で宣蚀したす。これで、指定した倉数を各シヌンで共有出来たす。

次に、ゲッタヌメ゜ッドを䜜りたす。23行目から26行目の郚分ですね。

getscore()メ゜ッドを呌び出す事で「score」を衚瀺するこずが出来たす。

新芏シヌンでスコア衚瀺のスクリプトを䜜成

新しいシヌンで、ゲッタヌメ゜ッドを呌び出すスクリプトを䜜りたす。

リザルト画面にスコアを衚瀺するスクリプト

先ほど䜜ったゲッタヌの呌び出しは、「呌び出したいクラス名.ゲッタヌ関数」でOKです。

その他の蚘述は、タヌゲットゞェネレヌタの内容ずほずんど同じです。

スクリプトを䜜成したら保存したす。

ピラルキヌりィンドりから右クリックしお「Create Empty」を遞択し、空のゲヌムオブゞェクトを䜜りたす。

そこに今䜜ったスクリプトをアタッチしたす。

スコア甚テキストのアりトレット接続

埌は、スコア衚瀺甚テキストを画像のようにアりトレット接続しおください。

ここたで䜜成したら、ゲヌムを実行しお動䜜を確認したしょう。

ある皋床ボヌルを的に圓おお、スコアが反映されるのかチェックですね。

リザルト画面にスコアが反映される様子

右䞊に衚瀺されおいるスコアがリザルト画面で衚瀺されおいたすね。

今回はここたでにしおおきたす。

著者プロフィヌル
うんくん

IT系に特化した蚘事がメむンです。Unity倚め。
Udemy講垫もやっおいたす。よろしくお願いしたす。

※Amazonのア゜シ゚むトずしお、圓メディアは適栌販売により収入を埗おいたす。

うんくんをフォロヌする
的圓おゲヌム【3D】
スポンサヌリンク
シェアする
うんくんをフォロヌする