Canvasを作成し、その上にテキストやボタンを置く。
Hierarchy上で、右ボタンを押す
表示されたメニューから、UI/Canvasを選択
作成されたCanvas上で、右ボタンを押す
表示されたメニューから、UI/TextやButtonを選択
UI Scale Mode: サイズ調整(Scale with Screen Size: 実際の画面サイズに調整)
Reference Resolution:画面サイズ( 1920 1080:フルHD)
Screen Math Mode: 調整方法(Expand: 画面からはみ出ないよう調整)
Unityエディタで「Hierarchy」ビューを右クリック
UI > Button を選択します
※自動的にCanvasとEventSystemも作られます
「Project」ビューで 右クリック > Create > MonoBehaviour Script を選択し、名前をつけます(例:MyButtonHandler)
スクリプトをダブルクリックして開き、以下のように編集します:
using UnityEngine;
using UnityEngine.UI;
public class MyButtonHandler : MonoBehaviour
{
public void OnButtonClick()
{
Debug.Log("ボタンが押されました!");
// ここに実行したい処理を書く
}
}
スクリプトをCanvasあるいは、GameManagerなどGameObjectにアタッチします
Buttonオブジェクトを選択し、Inspectorで「Button (Script)」コンポーネントを確認
OnClick() イベントの「+」をクリックしてイベントを追加
スクリプトをアタッチしたオブジェクトをドラッグ&ドロップ
ドロップダウンから MyButtonHandler > OnButtonClick() を選択
子UIを横に等間隔で並べてくれる。
Spacing: 間隔 (20)
Child Alignment: 配置位置 (Lower Center 下段中央寄せ)
子UIのサイズに応じて親UIのサイズを自動調整する。
Horizontal Fit: Min Size (最低限必要な幅サイズ)
格子状に並べる。
Cell Size: x 100, y 100 (100x 100の大きさ)
■目次
0:00 オープニング
1:06 UnityでのUIの作り方
2:41 UIの各要素の使い方
18:26 UIのレイアウト方法
22:18 AssetStoreの素材を使う方法
26:46 まとめ