반응형

해상도에 따른 화면 비율 유지 2

[Unity] 해상도에 따른 화면 비율 유지(feat. Canvas Scaler)

안녕하세요 극꼼입니다! 지난번에 레터박스를 이용해 디폴트 해상도에서 벗어나면 남는 부분을 까맣게 처리했는데요, https://geukggom.tistory.com/104 [Unity] 해상도에 따른 화면 비율 유지(feat. 레터박스(Letter box)) 안녕하세요 극꼼입니다. 오늘은 해상도가 달라져도 화면 비율을 유지할 수 있는 래터박스를 만들어보도록 하겠습니다. 저는 16:10 비율로 만든 후, 다른 비율의 해상도일 경우 남은 빈 공간을 검 geukggom.tistory.com 이번 포스팅에서는 캔버스 내에서 배경이 되는 UI가 화면 빈 공간에 맞춰 크기가 달라지게 하는 방법에 대해 다뤄보겠습니다. 아래는 예시) UI Canvas의 인스펙터창에는 Canvas Scaler라는 컴포넌트가 있습니다. 여..

[Unity]/[Unity] 2021.08.28

[Unity] 해상도에 따른 화면 비율 유지(feat. 레터박스(Letter box))

안녕하세요 극꼼입니다. 오늘은 해상도가 달라져도 화면 비율을 유지할 수 있는 래터박스를 만들어보도록 하겠습니다. 저는 16:10 비율로 만든 후, 다른 비율의 해상도일 경우 남은 빈 공간을 검은 래터박스가 채우게 해줄겁니다. 우선 세로 비율을 1로 두었을 때의 가로 비율을 구해줍니다. (16:10의 경우, 가로 비율은 1.6) 만약 currentAspectRatio가 1.6(내가 원하는 화면 비율)보다 클 경우와 작을 경우를 각각 다르게 해주었습니다. 1. 먼저 currentAspectRatio가 1.6보다 작을 경우 입니다. 아래와 같이 가로 폭이 좁아져 보이는데요, 이럴 때 세로폭을 낮추고(h), 화면을 가운데로 맞춰줍니다(y). float h = currentAspectRatio / fixedAsp..

[Unity]/[Unity] 2021.07.25
반응형