【初心者向けチュートリアル】Boltを使用してUnityで簡単なゲームを作成する-10

こちらの記事では**リザルト画面の作成～ハイスコア表示**を行います。

#リザルト画面の作成
前回Resultシーンを作成したので、今回は中身を作っていきましょう。
![BoltGame - Game - PC, Mac & Linux Standalone - Unity 2019.3.1f1 Education _DX11_ 2020_07_27 15_57_48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/654796/8e2719a5-4337-730c-a619-8e544317ffa6.png)
最終的にこんな画面を目指します！

まず背景を作成します。Imageフォルダ内の画像や、新しい素材を探して配置するなどして好きなように背景を作成してください。
![BoltGame - Game - PC, Mac & Linux Standalone - Unity 2019.3.1f1 Education _DX11_ 2020_07_13 15_51_36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/654796/f923369a-4777-60bf-787d-918dcd4e4fd3.png)
筆者は今ある素材でやりくりしました。

また、オブジェクトはInspectorから値を変えるだけでなく、左上のツールバーからも調整できます。
![BoltGame - Game - PC, Mac & Linux Standalone - Unity 2019.3.1f1 Education _DX11_ 2020_07_13 16_09_43.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/654796/27aae694-11f4-1d9c-a58b-495a150e5378.png)
↑ツールバー

左から二番目、十字のツールを選択するとSceneウィンドウに以下のような矢印が出るので、それぞれの移動させたい方向の矢印をクリック&ドラッグでオブジェクトの移動が可能です。
![BoltGame - Game - PC, Mac & Linux Standalone - Unity 2019.3.1f1 Education _DX11_ 2020_07_27 15_49_42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/654796/71aa0123-88ff-8676-cd0c-1beb0366da85.png)
活用してみてください。

短いですがこれでリザルト画面の作成は完了です。

#スコアの表示

次に、Game画面で取得したScoreを表示させてみます。

HierarchyからTextを作成して、名前を「ScoreText」にしてください。
![BoltGame - Game - PC, Mac & Linux Standalone - Unity 2019.3.1f1 Education _DX11_ 2020_07_13 16_05_22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/654796/8409af0f-6681-bf21-37bf-e909d43722e1.png)
Inspectorはこんな感じにしてみましたが、各自作った背景によってPositionなどの数値は変えてみてください。
Textを作成するとCanvasも自動で作成されているはずなので、InspectorはGameシーンのものと同じように設定しましょう。

作成したら「ResultScoreView」という名前でグラフをAddComponentします。
![Screenshot 2020_07_20 13_23_57.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/654796/22a76f08-d956-3511-e56c-a3f19cfeb42e.png)
上の画像のようにノーツを繋いだら、VariableウィンドウからScore変数に適当な数を入れて再生してみましょう。
![BoltGame - Result - PC, Mac & Linux Standalone - Unity 2019.3.1f1 Education_ _DX11_ 2020_07_20 13_27_18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/654796/44a6eb9c-aba9-2f18-fada-33fa11ea26db.png)
入力した値が表示されていたらOKです。確認出来たらScore変数の値は戻しておきましょう。

これでスコアの表示は完了です。

#ハイスコアの記録

このままだとリザルトが寂しいので、今までのプレイ結果からハイスコアを記録して表示するようにしてみます。

まずはVariableウィンドウでハイスコアを保存する用のhighScore変数を作成しましょう。
ハイスコアはアプリケーションを閉じても継続して保存されるようにしたいので、Saved変数として設定します。
![BoltGame - Result - PC, Mac & Linux Standalone - Unity 2019.3.1f1 Education_ _DX11_ 2020_07_20 13_44_13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/654796/52903feb-e98f-ec9c-ac6c-e2da7a17275a.png)
作成したらGameシーンに戻り、ScoreManagerグラフのSetTextから以下のノーツを追加で繋いでください。
![BoltGame - Result - PC, Mac & Linux Standalone - Unity 2019.3.1f1 Education_ _DX11_ 2020_07_20 13_39_53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/654796/1bf4311d-461c-c5e7-756a-e04e30ddb755.png)
現在のスコアとハイスコアの値を見比べて、スコアが上回っていたらハイスコアを更新する、という感じですね。
再生して、何度か通しでプレイしてみるとVariableウィンドウで数値が更新されていくのがわかると思います。

これでハイスコアの記録は完了です。

#ハイスコアの表示

次は記録したハイスコアをリザルトに表示していきます。
Resultシーンに移動し、ScoreTextをコピーしてハイスコア表示用のHighScoreTextを作成してください。
![BoltGame - Result - PC, Mac & Linux Standalone - Unity 2019.3.1f1 Education_ _DX11_ 2020_07_20 13_55_01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/654796/f870d43a-6f7c-b398-f486-5fba0c9cc1a0.png)
次に、作成したHighScoreTextをObject変数として設定します。
![Score.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/654796/c3cc0326-56c1-9f28-60fc-1d4c770cb328.png)
設定できたらResultScoreViewを開いて、SetTextから以下のノーツを追加して繋げてください。
![Screenshot 2020_07_20 13_58_39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/654796/112fed51-1fbd-22ad-cf15-1dbdaaa16e2e.png)
追加できたら再生してみましょう。
![BoltGame - Result - PC, Mac & Linux Standalone - Unity 2019.3.1f1 Education _DX11_ 2020_07_20 14_01_23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/654796/bdf07e40-4ddc-2df5-71fe-3f3d266639d6.png)
先ほどのテストプレイで加算されたスコアが表示されると思います。

これでハイスコアの表示は完了です。

今回のチュートリアルはここまでです。お疲れさまでした！
次回は**タイトルの作成～ゲームループの作成**までをやっていきます。
[【初心者向けチュートリアル】Boltを使用してUnityで簡単なゲームを作成する-11](https://qiita.com/mma/private/ad2063bbbab047a51e10)