小技巧 - 讓 Unity 適應不同平台畫面

跨平台時最麻煩的除了硬體上的規格不一樣外，螢幕比率也大不相同。一般的 UI 可以設對齊方式，所以在不同螢幕比例不會有太大的問題。而最常遇見的困擾，就是背景圖。

舉個例子，在 iOS 640x1136 底下，我們看到的是這個樣子

9:16

但放在 iOS 640x960 底下，卻變成這個樣子

2:3

原本預期應該是高度會縮減，但因為 Unity 的 Camera 會根據「螢幕比率」改變寬度的視野，所以畫面兩邊反而跑出空白畫面。雖然可以使用 Camera.aspect 強制更改 Camera 的比率，但卻會讓手機上的畫面看起來像是拉長或是壓扁，這樣一點都不好看。

在這邊提供一個小技巧。
我們只要先得知固定寬度，再倒著算回去 Camera 在該比率下應該有的高度即可。

程式範例

	using UnityEngine;
	using System.Collections;
	[RequireComponent(typeof(Camera))]
	public class TodoCameraFixedWidth : MonoBehaviour {
	#region Variables
	// 想要固定的螢幕寬度
	public float m_width = 640.0f;
	// 被指定的 Camera
	private Camera m_camera;
	#endregion
	#region Behaviour
	private void Awake() {
	m_camera = camera;
	}
	private void Start() {
	if( m_camera == null )
	return ;
	// 倒著算回去
	float size = (float)m_width * Screen.height / Screen.width / 2;
	// 重新指定新的螢幕高度
	m_camera.orthographicSize = size;
	}
	#endregion
	}

view raw DoCameraFixedWidth.cs hosted with ❤ by GitHub

因為 NGUI 預設 Camera 的 OrthographicSize 是 1，所以我們可以得知在 9:16 的比率下寬度為

2 x 9 / 16 = 1.125

然後把該 Component 放入 Camera 物件中，指定寬度為 1.125

當遊戲執行後，會自動計算調整 Camera 的高度，結果如下圖

Camera 的寬度完美地適應了背景圖片！