特化したチュートリアルです。UI要素の機能と用途の把握を目的として、UIだけでゲームを作ってみます。今回作るゲームは、クリックゲームです。複数のToggleの中から1つだけチェックできるようにする次回につづくUIの用途まずは、基本的なことから。画面に文字を表示するTextの用途は、無数に考えられますね。ラベルとかスコア表示とかさまざまな使い道があります。下記は、スクリプトからテキスト内容を変更するときの例です。綺麗な文字表現を行いたいときに使います。Textとの差が出やすいのは、スケールで文字を拡大したときとかかな。そのまま使えず、専用のフォントアセットを作る必要があるので若干、初心者には扱いにくいかもしれません。いうことができるのかはこちらのスライドをどうぞ。利用できるというメリットがあります。動的に生成した画像やネットワークから取得した画像を表示するRawImageは、Imageよりも扱える画像が柔軟で、どんなテクスチャでも表示できます。テクスチャからスプライトを動的に生成することもできます。ボタンをクリックしたときにイベントを実行するボタンを押したときにイベントを実行したいときに使います。いうプロパティに実行したい処理を登録します。スクリプトから追加するときはこちら。クリックでON/OFFを切り替えるいわゆるチェックボックスです。いうプロパティからチェックの有無を取得できます。チェック状態が変化したときに実行したい処理を追加することができます。下記のようにスクリプトから追加します。設定範囲内で値の増減を行うユーザーに指定した範囲内で値の操作をさせたいときに使います。スクロール量の増減を行うユーザーにスクロール量を変更させたいときに使います。ScrollViewの方をよく使うことになると思います。リストの中から1つ選択するユーザーにリストの中から1つ選択させたいときに使います。いうプロパティから項目を追加することができます。ユーザーにテキスト入力を行わせるユーザーに名前入力などをさせたいときに使います。変更することで、入力を英数字のみに制限したり、パスワードのように入力した値を「*」で隠すことができます。処理を追加した方がよいです。要素を配置するための領域UIを配置するために必須なオブジェクトです。配置することも出来ます。デフォルトのスプライトと、親UIのサイズと同じになるようにアンカーが設定されたプリセットUIです。利用したスクロールビューです。いうオブジェクトのサイズが、スクロールできる領域のサイズです。このContentのサイズを変更すると、スクロールの範囲も変更されます。複数UIの一括でフェードイン/フェードアウトするときによく使われます。Groupをアタッチして、子UI全体も同時に操作します。入力の可否を一括で変更することも出来ます。子UIの表示領域を親UIの形状で制限する子UIの一部分だけを表示したいときに使います。Maskよりもパフォーマンスが良いマスク(制限あり)Maskよりも高速なマスクです。制限がいくつかあります。矩形でしかマスクできない、回転させることができないなど。TextやImageにシンプルな影をつける立体感を出したり、目立たせたいときなどに。TextやImageにシンプルな輪郭をつける文字色と背景色が同じ色で、見えなくなってしまうときなどに。複数のToggleの中から1つだけチェックできるようにするラジオボタンのような相互排他的な選択肢を作りたいときに使います。参照を設定することでグループ化できます。次回につづく今回はここまでです。次回は、ゲーム内容の説明とアセットの準備をやっていきます。