UIキャンバス画像（UIボタン付き）

Question

2つのUIボタンを備えたUIキャンバス画像があります。私は背景、その層として設定します。しかし、このレイヤーは私のゲームの上に重なっています！どのように私はそれがすべての背後にあるのですか？

私は背景として二IMAGEMを設定します。

私はUIキャンバスを使用しています。これは、アンカーを通して自動的に画面に調整されるためです。

-

Answer 1

GameObjectがUIの一部でない限り、シーン内のGameObjectはCanvasの下にはありません。使用する背景画像はUIではありません。あなたの投稿は、Canvasが自動的に画面サイズに合わせてサイズを調整するため、UIとしてのみ表示することを示しています。

これをコードで修正し、その背景テクスチャをUIの一部にしないでください。

1. を削除/削除します。現在の背景とそのキャンバスオブジェクトを削除します。あなたはそれを必要としません。

2. 再インポート背景画像とそのテクスチャタイプがスプライト（2DおよびUI）に設定されていることを確認し

3.Dragそれシーンへとに名前を変更背景。今度はの下に置く。GameObject。 ビーは今や親背景テクスチャであり、背景テクスチャはグラウンドの上にある必要があります。

4. BackGroundResizerという名前のスクリプトを作成し、以下のコードを入力します。スクリプトをの背景に貼り付けます。 GameObject/Texture。

// Use this for initialization 
void Start() 
{ 
resizeSprite(); 
} 

void resizeSprite() 
{ 
SpriteRenderer bgSprite = GetComponent<SpriteRenderer>(); 
float screenHeight = Camera.main.orthographicSize * 2; 
float screenWidth = screenHeight/Screen.height * Screen.width; 
transform.localScale = new Vector3(screenWidth/bgSprite.sprite.bounds.size.x, screenHeight/bgSprite.sprite.bounds.size.y, 1); 
} 

これは、この投稿の現在の問題を解決するはずです。 UIを正しく設定する方法を以下に示します。

別のキャンバスを使用してと別ののUIを使用し、表示されるタイミングに応じてグループ化します。次に、/オフにキャンバス全体を切り替えることができます。この投稿の前のpostは、画像をボタンとして使用しており、ボタンとして使用している2つの画像に別のスクリプトが添付されていることを示しています。 ボタンボタンおよび画像クリック不可オブジェクトを使用してください。そのような単純な。これらの画像をボタンに変更します。

GameOverシーンは必要ありません。 GameOverCanvasは問題ありません。 太字のGameObjectsは親オブジェクト（Canvas）です。 「〜」で始まるものは、の子の GameObjectsです。

ステップ1：

（表示時にゲームをロードするためにまずUI）.Create各子ボタンと（GameObject-> UI->ボタン以下のように名前を変更Canvas、名前をMainMenuCanvasを作成します。 ）：

-playButton; 
-settingsButton; 
-exitGameButton; 

はMainMenuCanvasオブジェクトへMainMenuCanvas scriptを取り付けます。

ステップ2：

は（GameObject-> UI->ボタン）をCanvas、名前をGameCanvasの（ゲーム中に表示されます）.Create各子ボタンを作成し、以下のように名前を変更：

を

-pauseButton 
-jumpButton 

はGameCanvasのオブジェクトにGameCanvas scriptを取り付けます。

ステップ3：

はCanvasと名前PauseCanvas（一時停止ボタンがクリックされたときに表示されます）.Create各子ボタンを作成し、（GameObject-> UI->ボタン以下のように名前を変更します）：

-resumeButton; 
-backToMainMenuButton; 
-settingsButton; 
-exitGameButton; 

はPauseCanvasオブジェクトへPauseCanvas scriptを取り付けます。

ステップ4：

Canvasを作成し、それをSettingsCanvasに名前を付ける（設定ボタンがクリックされたときに表示されます）.Create各子ボタンと（GameObject-> UI->ボタンを以下のように名前を変更 ）：

-backButton; 

はSettingsCanvasオブジェクトにSettingsCanvas scriptを取り付けます。ステップは5

：

（Canvasと名前GameOverCanvas（ゲームオーバーですかプレイヤーが殺されたときに表示）.Create各子ボタンを作成し、以下のように名前を変更GameObject-> UI- >ボタン）：

-playAgainButton; 
-backToMainMenuButton; 
-exitGameButton; 

GameOverCanvasオブジェクトにGameOverCanvas scriptを取り付けます。

ステップ6：ゲームシーンで

、唯一GameCanvasのが有効になっていることを確認してください。残りのキャンバスは手動でを無効にしてにする必要があります。

ステップ7：メニューシーンで

、唯一MainMenuCanvasが有効になっていることを確認してください。残りのキャンバスは手動でを無効にしてにする必要があります。

この設定が正しく行われると、私が提供したUIコードテンプレートが機能するはずです。 UI が重複しないように、がお互いにあり、簡単に機能を追加または削除できます。

セットアップは次の画像のようになります。

Answer 2

個別のUIカメラを使用することをおすすめします。これにより、UIのみをメインカメラではなく2番目のカメラに描画することができます。そうすれば、他のすべてのものと比べてどんな深さでも描画できます。これを行うには別のカメラを作成し、Culling MaskとClear Flagsを設定して、スカイボックスではなくUIのみを描画する必要があります。

GoogleのUIカメラ「Unity」には、あなたが望むものを正確に行うためのさらに多くの情報が必要です。これは比較的一般的なことです。