Unityでアプリの画面サイズとスケーリングの設定方法

Unityでスマホ用アプリ（ゲーム）を作成する際は画面サイズ（解像度）の設定をする必要があります。とはいえ、手順が分からないと設定なんてできません。

という訳で、今回はUnityでスマホ用アプリ（ゲーム）を作る際の画面サイズ（解像度）を設定する方法を解説していきます。

また、様々なスマホの画面サイズに対応できる様にスケーリング設定もしておくと、後々の開発が非常に楽になりますので、これも併せて設定しましょう。

基本的にスマホ向けアプリを開発する際に一番最初にする作業になりますので、手順をしっかりと把握しておきましょう。
※今回はAndroid向けの縦画面を作成していますが、iOSの場合も設定方法は同じ様な流れとなります。

事前準備・環境設定

今回はUnityの2Dテンプレートを使用します。

※環境設定は以下になります。

• Unity Ver：2020.3
• テンプレート：2D

以下の手順で2Dテンプレートのプロジェクトを作成できます。

1. Unityで新規プロジェクトを作成
2. テンプレートは2Dを選択
3. プロジェクト名を入力
4. 保存先にパスを設定

■2Dテンプレートを使用

プラットフォーム（Platform）の設定方法

スマホアプリを作成する際は、対象スマホの画面サイズ（解像度）を考慮して開発を進めなければなりません。

最初に決める事

画面サイズを設定する際には、最初に以下を決める必要があります。

• 「縦画面」にするか「横画面」にするか
• 「Android」向けか「iOS」向けか

縦画面か横画面かでゲーム構成は大きく変わるので、これは絶対最初に決めておきたい部分です。

AndroidかiOSかも最初に決めておきましょう。両方のプラットフォームでリリースしたい場合も、最初はいずれかの設定で開発を進める必要があります。

今回はAndroid向けの縦画面を作成したいと思います。

Android向けの縦画面を設定する

以下の手順で、Build Settingsウィンドウを開きます。

1. UnityエディタのFileを選択
2. 「Build Settings…」を選択

■「Build Settings…」を選択

以下の手順でAndroid向け画面を選択します。
※上手く設定できない場合は、この先を確認してみて下さい。

1. PlatformでAndroidを選択
2. Swich Platformをクリック

■Androidを選択＞Swich Platformを選択

設定ができない場合の対処法

ただ、上記の様に設定ができない場合もあります。

以下の様にAndroidを選択しても、何の設定もできない状態なのです。

■Androidを選択しても、何の設定もできない

これは、Android向けの必要モジュールがインストールされていない事が原因です。

Android向けモジュールインストール

Android向けの必要モジュールをインストールしましょう。

1. Unity Hubを開く
2. 使用しているUnity Versionの右上（・が３つ並んだ部分）を選択
3. モジュールを加えるを選択

■必要モジュールのインストール手順

「モジュールを加える」のウィンドウが開いたら、以下の手順でインストールを開始します。

1. PlatformsのAndroid Build Supportを選択
2. 配下のAndroid SDK & NDK Tools、OpenJDKにチェックが入っている事を確認する
3. 「次へ」をクリックする

■インストールを開始

インストールが完了した、以下の様な画面になります。
※インストール済みと表示される

■インストール後

Unityの画面サイズを変更

設定が完了したら、実際のUnityの画面サイズ（解像度）を変更してみましょう。

1. UnityエディタでGameビューを表示
2. デフォルトで「Free Aspect」と表示されている部分をクリック
3. お好みのサイズ（ここでは1280×720 Portrait）を選択

■画面サイズ（解像度）を変更

これで、以下の様に画面サイズ（解像度）が変更されました。

■画面サイズ（解像度）が変更された

UnityUIを作成してスケーリングをする。

画面サイズを変更をした所で、UIを作成してスケーリングをしてみましょう。スケーリングとは簡単に言うと画面サイズに合わせてUIのサイズを変更（拡大縮小）していく事を言います。

Unityでスマホ向けアプリを作成した際に、様々なスマホの画面に対応できる様にスケーリング設定をしておく必要があります。

UnityUIの作成

まずはUIを作成してみます。スマホ向けのゲームを開発する際はUIがほぼ必須になります。

UnityUI（よくuGUIと呼ばれる）は、Canvasオブジェクトを作成する事で設定可能です。

Canvasオブジェクトは以下の手順で作成可能です。

1. Hierarchyウィンドウで右クリック
2. UI > Canvasを選択
3. HierarchyウィンドウにCanvasオブジェクトが作成される（名前はCanvas Game1に変更しました。）

■Canvasオブジェクトが作成される

Canvas詳細設定

Canvasの詳細設定もしておきましょう。

UnityUI（Canvas）を使用する場合は、最初にこの設定をしておくと後が楽です！

Canvasコンポーネントの設定

まず、Canvasコンポーネントの設定をします。

Canvasコンポーネントの公式リファレンス：https://docs.unity3d.com/ja/2020.3/Manual/class-Canvas.html
※対象Versionを選択してください。

UIをスクリーン上のカメラに描画できる様にします。
※この時点では何を言ってるのか分からないかもしれませんが、まずは同じように設定すればOKです。

Canvasオブジェクトに付与されているCanvasコンポーネントで以下の設定しましょう。

1. RenderModeを切り替え（プルダウンをクリック）
2. 「Screen Space – Camera 」を選択

■「Screen Space – Camera 」を選択

さらに、Canvasコンポーネントで以下の設定をします。

1. Render Cameraというプロパティが表示される事を確認
2. HierarchyウィンドウのCanvasオブジェクトをRender Cameraにドラッグ

■CanvasオブジェクトをRender Cameraにドラッグ

これで、UIをスクリーン上に描画できる様にし、さらに、カメラに描画するという設定が完了しました。

Canvas Scalerコンポーネントの設定

次に、CanvasScalerコンポーネントの設定をします。

CanvasScalerの公式リファレンス：https://docs.unity3d.com/ja/2020.3/Manual/script-CanvasScaler.html
※対象Versionを選択してください。

ここでは、UIのスケーリング設定を行います。画面解像度に合わせてUIの大きさも変更するという設定をします。
※とりあえず、分からない状態でも同じ様な設定をすればOKです。

Canvasオブジェクトに付与されているCanvasScalerコンポーネントで以下の設定しましょう。

1. UI Scale Modeを切り替え（プルダウンをクリック）
2. 「Scale With Screen Size 」を選択

■「Scale With Screen Size 」を選択

さらに、CanvasScalerコンポーネントで以下の設定をします。

1. Reference Resolution （X、Y）というプロパティが表示される事を確認
2. Reference Resolutionに （X=720,Y=1280）を設定

■（X=720,Y=1280）を設定

ちなみに、Matchの部分を操作する事で横幅（Width）に合わせるか、縦幅（Height）に合わせるかを選択できます。

• Matchが0であれば横幅（Width）に合わせる
• Matchが1であれば縦幅（Height）に合わせる

簡単なUI作成

最後に簡単ではありますが、UIも作成してみましょう。

以下の手順で「背景とタイトル」を作成します。
※先ほど作成したCanvasの子オブジェクトとして「Panel」と「Text」が作成されればOKです。

1. 作成したCanvasを右クリック
2. UI > Panel を選択（背景を作成）
3. 同じく作成したCanvasを右クリック
4. UI > Text を選択（タイトルを作成）

「Panel」と「Text」が作成されました。

■「Panel」と「Text」が作成される

「Panel」と「Text」のコンポーネントを設定して、簡単なゲーム画面を作成しました。
※詳細な作成方法は以下を参考にして下さい。

■簡単なゲーム画面を作成した

まとめ

Unityでスマホ用アプリを作る際の画面サイズ（解像度）の設定をしてみました。

手順を簡単におさらいします。

今回紹介した内容はスマホアプリやゲームを開発する際に、一番最初に設定する事になる内容です。

しっかりと内容を押さえておきましょう！