レッスン 5.2 - スコアを保持する

はじめての UI 要素を追加して、画面上にスコアを表示してみましょう。

1. Hierarchy で、Create > UI > TextMeshPro text の順に選択して、プロンプトが表示されたら、「Import TMP Essentials」ボタンをクリックして、インポートします。
2. 新しいオブジェクトの名前を「Score Text」に変更し、ズームアウトしてシーンビューにキャンバスを表示します。
3. 位置の基準が左上に固定されるようにアンカーポイントを変更します。
4. インスペクターで、Pos X と Pos Y を変更して、UI が左上に表示されるようにします。

シーン内の適切な位置に基本的なテキストが配置されたので、次はプロパティを編集して、見栄えが良く、内容が正しいテキストが表示されるようにしましょう。

1. text を「Score:」に変更します。
2. 背景になじむように Font Asset（フォントアセット）、Style（スタイル）、Size（サイズ）、Vertex color（頂点の色）を選びます。

UI にスコアを表示する領域ができあがりましたが、そこには何も表示されていません。UI にスコア変数を表示して、プレイヤーが自分の得点を追跡できるようにする必要があります。

1. At the top of GameManager.cs, add “using TMPro;”
2. Declare a new public TextMeshProUGUI scoreText, then assign that variable in the inspector
3. Create a new private int score variable and initialize it in Start() as score = 0;
4. Also in Start(), set scoreText.text = "Score: " + score;
5. GameManager.cs の先頭に「using TMPro;」を追加します。
6. 新しく public TextMeshProUGUI scoreText; を宣言し、インスペクターで変数に値を代入します。
7. 新しく private int score 変数を作成し、Start() で score = 0; として初期化します。
8. 同じく Start() で scoreText.text = "Score: " + score; と設定します。

スコアのテキストはスコア変数の値を間違いなく表示していますが、表示される値が更新されません。UI に表示する点数を累算していく関数を新たに書く必要があります。

1. 新しく 1 つの int 型のパラメーター scoreToAdd を取る private void UpdateScore() メソッドを作成します。
2. scoreText.text = "Score: " + score; を切り取って新しいメソッドに貼り付け、Start() で UpdateScore(0) を呼び出します。
3. UpdateScore() で、スコアをインクリメントするために score += scoreToAdd; を実行するように書きます。
4. spawnTarget() 関数で UpdateScore(5) を呼び出します。

これでスコアを更新するメソッドができたので、標的が破壊されたときに標的のスクリプトで呼び出してみましょう。

1. GameManager.cs で UpdateScore メソッドを public にします。
2. Target.cs で、private GameManager gameManager; への参照を作成します。
3. Start() で Find() メソッドを使用して GameManager を初期化します。
4. 標的が破壊されたら、UpdateScore(5); を呼び出すようにします。また、SpawnTarget() からメソッドの呼び出しを削除します。

標的がクリックされるとスコアが更新されますが、それぞれの標的で異なる点数だけスコアを更新するようにしましょう。クリックするべきオブジェクトは点数に加算し、クリックしてはいけないオブジェクトは点数を減らすようにします。

1. Target.cs で、新しく public int pointValue 変数を作成します。
2. 標的プレハブの各インスペクターで、Point Value の値をそれぞれの標的をクリックしたときにスコアに加算される値に設定します。クリックしてはいけない標的の場合は負の値を設定します。
3. 新しい変数を使って、UpdateScore(pointValue); と呼び出すように変更します。

スコア表示に必要な機能は揃いましたが、標的をクリックしたときの動作に少し不満が残ります。画面を引き締めるために、標的がクリックされた時に爆発を表現するパーティクルを表示するようにしてみましょう

1. Target.cs で、新しい public ParticleSystem explosionParticle 変数を追加します。
2. 各標的プレハブについて、Course Library > Particles にあるパーティクルのプレハブをから Explosion Particle 変数に割り当てます。
3. OnMouseDown() 関数で、新しい爆発プレハブのインスタンスを作成します。

新しい機能：

• 画面上のスコア用の UI 要素
• プレイヤーのスコアは追跡され、標的をクリックしたときのスコアを表すテキストが表示される
• プレイヤーがオブジェクトをクリックすると爆発のパーティクルが再生される

新しい概念とスキル：

• Text Mesh Pro
• Canvas
• アンカーポイント
• ライブラリのインポート
• パラメーターを使用したカスタムメソッド
• 他のスクリプトからメソッドを呼び出す

次のレッスン：

• ゲームが終わったことをプレイヤーに伝え、ゲームをリセットするための UI 要素を作成します。