[Unity] 모바일 다양한 해상도 대응하기

모바일 기기는 해상도가 정말 다양하기 때문에 이를 대응해야 합니다. 

 

다음은 기준 해상도 1920x1080에서 꽉 차게 나오는 이미지입니다. 

 

이를 다른 해상도에서 보면 어떨까요?

 

아이패드 미니 4(2048x1536)/갤럭스 Z 폴드2(2326x840)

 

해상도가 기준보다 크면 위 아래, 양 옆으로 여백이 생기며 기준보다 작으면 이미지가 잘리게 됩니다. 

이를 보완해주는 설정이 있습니다. 

 

Canvas의 Canvas Scaler 설정을 다음과 같이 변경합니다. 

 

UI Scale Mode: Scale With Screen Size

Reference Resolution: 평소에 배치할 때 사용하는 해상도를 사용하면 됩니다. 

Screen Match Mode: Expand

 

화면이 커질수록 UI요소가 커지고, 캔버스 영역을 수평 또는 수직으로 확장하는 설정입니다. 

 

 

이 설정을 사용하면 비율을 해치지 않고 최대한 크게 나타나게 됩니다. 나머지 부분은 레터박스로 채우면 됩니다. 

 

 

제가 Unity 프로젝트를 생성할 때 다음과 함께 반드시 하는 Canvas 설정입니다. 

 

https://dev-dino.tistory.com/7

[Unity] 씬뷰와 게임뷰 똑같이 배치하기

 

 

캔버스 스케일러 - Unity 매뉴얼 

https://docs.unity3d.com/kr/2021.1/Manual/script-CanvasScaler.html

캔버스 스케일러 - Unity 매뉴얼