Web開発など

Java, JS, CSS, HTML, Unity, C# のことなどを書いてます。フリーソフトや二次創作の公開もしています。

Unity 2D:Canvasをカメラの表示領域に合わせる

Unity UI の Canvas と、カメラ(2D: Orthographic)の表示領域を合わせる方法を書いていきます。

補足

Unity 2D で UI要素を初めて追加すると、下の画像のようになると思います。

f:id:mamorums:20200329004107p:plain

Canvas の領域は広くて、Camera の表示領域は左下のように小さくなってしまいます。

方法

Canvas の Render Mode を以下の通り変更します。

  • 変更前:Screen Space - Overlay
  • 変更後:Screen Space - Camera

f:id:mamorums:20200329004117p:plain

あとは、Render Camera に表示領域を合わせたい Camera を設定します。(※ 上画像の右下・青四角の箇所です。)

変更後

Scene View は以下の通りになります。

f:id:mamorums:20200329004126p:plain

参考文献

docs.unity3d.com