‫お帰りなさい｡
‫このビデオでは､ UI要素､ 特にテキストについて見ていきます｡
‫そこで､ 新しいプロジェクトを作りました｡
‫私はそれを「ポンの基本」と呼んでいます｡
‫そして､ ここではUIエレメントを作りたいと思います｡
‫そこで､ 作成した階層ビューで右クリックし､ UIに移動します｡
‫ここには複数の選択肢があるんです｡
‫テキスト､ 画像､ 生画像､ ボタンなどを持っています｡
‫とりあえず､ テキストで｡
‫そして､ ご覧のように､ 新しいテキストがこの画面の左下に表示されるのです｡
‫そこで､ 正しい位置にズームアウトしてみると
‫現在､ 私たちのテキストはここにあります｡
‫左下にあります｡
‫これは､ キャンバスのレンダリングモードで､ スクリーンスペース・オーバーレイです｡
‫つまり､ UIレイヤーやUIスペースに割り当てたものを､ ゲームモードやゲームビューの上にオーバーレイ表示します｡
‫たとえば､ 3Dキューブを追加して､ それを000の位置に置くとします｡
‫こんなところにあるんですね｡
‫そして､ ご覧の通り､ この辺りです｡
‫ですから､ ゲームモードそのものは､ この巨大なスクリーンや､ その上に置かれたUIレイヤー､ キャンバスという巨大なレイヤーに比べると､
‫とても小さなものなのです｡
‫それが､ スクリーンスペース・オーバーレイの役割なんですね｡
‫他にも､ 例えば､ 画面空間カメラなどのオプションもあります｡
‫そのためには､ ここにカメラを持たせ､ レンダリングカメラを持たせれば､ 違うアプローチができるようになります｡
‫つまり､ 現在カメラがどこにあるかによって､ カメラとプレイモードの間にある一定のキャンバスが決まるのです｡
‫そして､ それはほとんど上のレイヤーのようなものですが､ それでも少し違うアプローチです｡
‫そして､ ワールドスペースでは､ キャンバスに特定の幅と高さを割り当て､ さらにレイヤーを変更したりすることができます｡
‫コース中､ 様々なレンダリングモードを使用しますので､ ご安心ください｡
‫それらは､ 次のビデオや次の章で詳しく紹介します｡
‫それぞれのモードを手早くお見せしたいと思います｡
‫キャンバス内にテキストを表示し､ 同時にイベントシステムも作成しました｡
‫そのため､ UIを作成する際に､ それまでUI要素を持っていなかった場合はいつでも､ キャンバスとイベントシステムが直接､
‫自動的に作成されます｡
‫そして､ テキストを作成しました｡
‫ご覧のとおり､ これはキャンバスの子なので､ キャンバスフォルダの中に入っています｡
‫そこで､ ここに新しいテキストを用意したのです｡
‫それを素直にゼロに変えてみよう｡
‫そして､ ご覧の通り､ そのゼロがほとんど見えないのです｡
‫そこで､ フォントサイズを､ 仮に50に変更してみましょう｡
‫そして今､ あなたはこう言うかもしれません､ 「ああ､ --どこに行ったんだろう？
‫もう見れない｡
‫それは､ 縦横のサイズがフォントサイズと合わなくなったことと関係があります｡
‫だから､ 私たちのテキスト｡
‫要素そのもの｡
‫私たちのテキストUI要素の高さは30しかありません｡
‫だから､ 4つ､ たとえば60に増やしたときだけ､ またテキストに自分の番号が表示されるようになる｡
‫では､ 30に戻して､ やはり30にしたい､ でもゼロは見たい､ ではそれ以外の解き方はどうすればいいのか？
‫オーバーフローを使えばいいんです｡
‫そのため､ 水平方向のオーバーフローと垂直方向のオーバーフローが行われ､ ご覧のように番号が表示されるようになります｡
‫ところが､ 今はカットされている｡
‫では､ どうすればゼロを動かせるのか？
‫まあ､ ここから動かしてもいいんですけどね｡
‫では､ 実際に何かが見えるところまでズームアウトしてみましょう｡
‫だから､ この辺で動かしておけばいいんです｡
‫トランスフォームエディタやトランスフォームツールでご覧いただけます｡
‫あとはドラッグで移動すれば､ その位置がわかります｡
‫何かの位置を変更するもう一つの方法は､ もちろん､ 直接､ ここに値を追加できるように､
‫直接､ 変換することです｡
‫だから､ ゼロゼロは自分にとって正しいポジションだと言えるのです｡
‫今､ ゼロは真ん中にないんです｡
‫それはなぜでしょうか？
‫それは､ このテキストの配置が中央揃えでないからです｡
‫ですから､ 両方向に中央揃えすれば､ 完全に中央揃えになりますし､ アンカーを変えれば､
‫まだ変更できます｡
‫例えば､ ここでは中央にアンカーのプリセットを設定しています｡
‫左上にアンカーを打てばいいので､ 今度は左上にアンカーを打ちましょう｡
‫ご覧の通り､ ポストYとポーズX以外は何も変わっていません｡
‫その2つの価値観が今､ 変化しているわけです｡
‫そこで､ これらをゼロとゼロに戻すと､ ゼロは左上隅の端まで戻る､ または完全に行くことがわかります｡
‫もちろん､ ゼロが見えるように少し移動させたいと思います｡
‫では､ それをゲームに移しましょう｡
‫さて､ ブラックはもしかしたら､ あなたにとって適切な色ではないかもしれません｡
‫もし変更したい場合は､ ここのcolorプロパティで､ 例えば赤や白や緑など､
‫好きな色に変更することができます｡
‫わかりました｡
‫では､ このピンクはどうかというと､ 青にフィットしています｡
‫とてもよくわかります｡
‫そして､ できることは､ もちろん行間を変えることです｡
‫では､ ここに2行目があるとします｡
‫すると､ 行間を変更することができます｡
‫そこで､ 線と線の間の距離を大きく取りたいとします｡
‫それが行間なんですね｡
‫一人でも全然大丈夫です｡
‫そして最後に､ もちろん､ いつでもフォントを変更することができます｡
‫だから規格はAで､ それ以上のフォントはない｡
‫デフォルトでは
‫フォントは､ アセットストアからダウンロードすることもできますし､ ダウンロードしたところからインポートすることもできます｡
‫だから､ 自分のマシンにダウンロードして､ そこからインポートするのです｡
‫ただし､ 一部のフォントは有料なので､ 所有していないフォントをダウンロードしないように注意してください｡
‫だから､ フリーフォントやロイヤルティフリーフォントを検索して､ それらを使えばいいんです｡
‫わかりました｡
‫つまり､ フォントとテキストについてです｡
‫そして､ 次のビデオでは､ この数値をプログラムで変更する方法を見てみましょう｡