유니티 화면 사이즈 자동 조절 후 빈 영역에 UI 이미지가 보이는 문제

모바일 게임에서 자동으로 디바이스 크기에 맞게

 

화면 사이즈를 조절하는 스크립트 적용하여

 

카메라 영역을 벗어난 부분은 까만색으로 보이게 하였다.(레터박스)

 

그런데 캔버스안의 UI Image는 카메라 영역 밖에서도 보이는 문제가 발생.

 

잔상까지 보인다.

 

이를 해결하기 위해 해당 Canvas의 Render Mode를 Screen Space - Camera로 변경하고

카메라 연결 후

Plane Distance를 50 이하로(dotween으로 제어하는 UI가 있다면 50으로)

Sorting Layer: UI로 변경

 

카메라 영역 밖에 이미지가 보이는 문제 해결