概要
![](https://ippo.nextwavejpn.com/wp-content/uploads/2023/10/icon-kiro5-1-300x300.png)
Unityの背景を変更するにはどうすればいいの?
![](https://ippo.nextwavejpn.com/wp-content/uploads/2024/04/スクリーンショット-2024-04-03-17.01.35-1024x640.png)
![](https://ippo.nextwavejpn.com/wp-content/uploads/2024/04/スクリーンショット-2024-04-03-16.49.00-1024x640.png)
この記事でわかること
・メインカメラ から背景を変更する方法
・UI の Image を使用する方法
手順
ここでは,背景を変更する方法を 2つ 紹介したいと思います。
- メインカメラ から背景を変更する方法
- UI の Image を使用する方法
メインカメラの背景を変更する方法
シンプルな変更でよければこちらの方が簡単です!
ここでは、メインカメラの設定を以下のように変更していきます。
Main Camera > Inspector >
![](https://ippo.nextwavejpn.com/wp-content/uploads/2024/04/スクリーンショット-2024-04-03-16.46.25.png)
Clear Flags > Skybox > Solid Color を選択します。
![](https://ippo.nextwavejpn.com/wp-content/uploads/2024/04/スクリーンショット-2024-04-03-16.46.33のコピー.png)
![](https://ippo.nextwavejpn.com/wp-content/uploads/2024/04/スクリーンショット-2024-04-03-16.46.45.png)
これでゲーム画面が 紺色 に変わりました。
次に、背景の色を変えるためには
Background > 好きな色 を選択します。
今回は 白色 に変更しました。
![](https://ippo.nextwavejpn.com/wp-content/uploads/2024/04/スクリーンショット-2024-04-03-16.46.45のコピー.png)
![](https://ippo.nextwavejpn.com/wp-content/uploads/2024/04/スクリーンショット-2024-04-03-16.46.53.png)
これでメインカメラから背景を変更することができました!
![](https://ippo.nextwavejpn.com/wp-content/uploads/2024/04/スクリーンショット-2024-04-03-16.49.00.png)
UI の Image を使用する方法
背景に写真やイラストを挿入したい場合はこちらの方がおすすめです!
まずは、ゲーム画面の Free Aspect > Full HD (1920×1080) を選択します。
![](https://ippo.nextwavejpn.com/wp-content/uploads/2024/04/スクリーンショット-2024-04-03-16.58.55.png)
Hierarchy の辺りにマウスを持ってきて 右クリック をします。
UI > Raw Image(Image で大丈夫です)を選択します。
![](https://ippo.nextwavejpn.com/wp-content/uploads/2024/04/スクリーンショット-2024-04-03-16.59.12.png)
ゲーム画面の左下に Raw Image が追加されました。
次に、 Raw Image を選択した状態で、 Inspector から、 Rect Transform の値を以下のように変更していきます。
PosX:0
PosY:0
PosZ:0
Width:1920
Height:1080
![](https://ippo.nextwavejpn.com/wp-content/uploads/2024/04/スクリーンショット-2024-04-03-16.59.22.png)
![](https://ippo.nextwavejpn.com/wp-content/uploads/2024/04/スクリーンショット-2024-04-03-16.59.50のコピー.png)
これで Image を使って背景を変更することができました!
![](https://ippo.nextwavejpn.com/wp-content/uploads/2024/04/スクリーンショット-2024-04-03-16.59.50のコピー2.png)