【Unity】UIでゲーム感演出｜大きなCanvasにテキストを！

今回は、画面上にテキストやボタンなどを表示する方法について解説していきます。 ゲーム開発において、欠かせない要素です。 ご理解を深めるために、実際に画面操作をしながら進めていただくことをオススメしています。 解説では、以下の続きとして解説をしていきます。 エッセンスだけを知りたい方は、スキップして本文へとお進みください。 ここまでで、事前準備は完了です。早速作成していきましょう。

Consoleウインドウに表示

Gameビューに表示する前に、Consoleウインドウで練習をしてみましょう。 ［Player］がGETしたアイテム数をConsoleウインドウに表示します。

Scriptの追加

［Player］視点での数のため、［Player］に関連付けられたScriptにコードを追加します。 開いたScriptに、以下の流れで変更を加えていきます。

Consoleウインドウで確認

スタート時は、Consoleウインドウには、0が表示されています。 アイテムをGETする度に、Consoleの数値が更新されています。 （現時点では2つGETしたので、最終行に2が表示される。） これで、Consoleの表示は完了です。

Gameビューに表示

今回はGameビュー上にTextを表示させる方法を解説します。ここでは、Canvasを使用します。 Hierarchyウインドウに［Canvas］と［EventSystem］の2つのオブジェクトが作成されます。

Canvasの確認

Canvasが配置されている場所を確認しましょう。 Sceneビューの［2D］をクリックして、2Dにしてマウスホイールを回転させて画面を引きます。 Canvasは、UIオブジェクトを配置するための領域です。以下のような特徴を持ちます。

UIオブジェクトの設置

作成したCanvas上にTextを配置します。 Hierarchyウインドウの［Canvas］の配下に［Text］が追加されて、Sceneビュー上にも「New Text」が表示されます。

Textの配置の調整

表示したTextの配置を調整していきます。 HierarchyウインドウのText［ItemCountText］を選択した状態で、Inspectorウインドウの［Rect Transform］で調整します。 今回は、後者を解説していきます。 図の青丸がアンカーと言い、配置する場所の基準になります。

Scriptの追加

UIを使うためには、「using UnityEngine.UI」を宣言する必要があります。 「itemcount.ToString();」はint型の整数（itemcount）をString型（文字列）の数字に変換するメソッドです。 追加したら、保存をします。

TextとScriptの関連付け

Scriptの内容をTextと関連付けて、Gameビューに表示するように設定します。

Gameビューで確認

これでUIの完成です。 補足として、メソッドを使ってコードを簡略化していきます。先ほどのコードでは、StartメソッドとUpdateメソッドに同じコードが記述されていました。仮に修正が必要になった場合に、2つに変更を加える必要があり、エラーやミスにつながる可能性があります。そのため、変更を1つで済むように変更します。 これで、メソッドを定義したので、呼び出すだけで、処理が実施されます。変更する際には最後に記述したメソッドだけを変更すれば良いので効率が良くなります。

UI用語集

今回紹介できなかった項目についても解説しています。困った時にご参照ください。 以上で、UIは終了です。お疲れ様でした。