Unity UI のキャンバスと、カメラ(2D: Orthographic)の表示領域を合わせる方法を書いていきます。
デフォルトの設定
Unity 2D で UI要素を追加すると、最初は下のようになります。
Canvas の領域が広くて、Camera の表示領域は左下のように小さくなっています。
表示領域を合わせる方法
キャンバスのインスペクターで、Render Mode を以下の通り変更します。
- 変更前:Screen Space - Overlay
- 変更後:Screen Space - Camera
それから、インスペクターの Render Camera で、表示領域を合わせたいカメラを設定します。(※ 上画像の右下・青四角の箇所です。)
変更後の画面
変更後の表示(Screen View)は、下のようになります。