カメラ・背景の設定をしよう のバックアップ(No.4)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• 現在との差分 - Visual を表示
• ソース を表示
• カメラ・背景の設定をしよう へ行く。
  • 1 (2022-12-06 (火) 16:02:58)
  • 2 (2022-12-13 (火) 16:40:27)
  • 3 (2022-12-13 (火) 17:41:15)
  • 4 (2022-12-13 (火) 19:03:47)
  • 5 (2022-12-20 (火) 14:51:52)
  • 6 (2022-12-20 (火) 15:59:07)
  • 7 (2022-12-20 (火) 18:41:38)
  • 8 (2022-12-20 (火) 19:43:36)
  • 9 (2023-04-23 (日) 20:08:47)
  • 10 (2023-05-02 (火) 20:18:14)

はじめに

ひつじを動かしてみる その2の続きです。
前回はひつじの動きを完成させましたが、
今回はカメラ・背景の設定を行ってゲーム画面での見え方を改良していきましょう。

カメラ・背景の設定

今回調整するのは、

・ゲーム画面の解像度・アスペクト比を調整する
・背景を作る
・カメラのサイズを調整する
・カメラ・背景をひつじに追従するように設定する

　　です。
1つずつ実装していきましょう。

ゲーム画面の解像度・アスペクト比を調整する

ゲーム画面の解像度・アスペクト比を調整していきます。
まず解像度・アスペクト比というのは、それぞれ縦横のピクセル数とその比のことで、
ゲーム画面の大きさ・縦横比を表すものになります。
Unityではこれらの設定が初期では「FreeAspect」という、
各デバイスの画面やWindowの大きさにあった形で自動調整されるような設定になっています。

今回のゲームでは画面の大きさの比を16：9にしたいと思います。
つまりアスペクト比16：9に設定するわけですね。

画像

手順は、ゲームウィンドウ >「FreeAspect」>「16:9Aspect」をクリック、でできます。
ゲームウィンドウの画像比が変わったのではないでしょうか。

背景を作る

今のままだと背景がブルーバックで味気ないので背景画像を作ります。

ref

この画像を保存して、これまでと同様プロジェクト > アセットにドラッグ＆ドロップします。
他のオブジェクトと画像のピクセルを揃えるため、インスペクターから「PixelsPerUnit」の数値を100から32に変更してください。
画像の設定はこれだけですので、次はこの画像をゲームオブジェクトにしましょう。
カメラと背景画像と一種に動いて欲しいので、背景画像をカメラの子要素としてゲームオブジェクトにします。
以前少し説明しましたが、子要素のゲームオブジェクトは、親要素のオブジェクトの位置変更に追従して移動します。
アセットにある画像イメージをヒエラルキーの「MainCamera」の上にドラッグ＆ドロップしましょう。
これで背景画像はカメラの子要素としてゲームオブジェクト化されました。

カメラのサイズを調整する

しかしこのままでは、背景画像とカメラの大きさが揃わず、
背景画像がはみ出す、あるいはブルーバックが見えてしまっているかと思います。
背景画像は既に他のオブジェクトと大きさが揃えられているため大きさを変えられません。
ということで、カメラの大きさを背景画像に揃えたいと思います。
カメラの大きさは、インスペクター >「Camera」コンポーネント > 「Size」から変更できます。