이거 하나면 모바일 해상도 걱정 끝! 16:9 고정해상도 만들기

홈 버튼이 보여서 걱정하셨나요?
모든 스마트폰 해상도에 대응하기 어려우셨나요?
그렇다면 레터박스(검정색영역)를 활용해 16:9로 비율을 고정해 보세요!
UI의 캔버스도 앵커로 스트레스 받지 마시고 이거 한 번 써보세요~
* 안드로이드 구글 플레이스토어에서는 레터박스가 가능합니다.
하지만 iOS의 경우 검은 영역을 단색이 아닌 패턴(그림)을 넣어주셔야 합니다.
캔버스에서 이미지로 16:9를 넘어가는 곳에 그려주면 되겠죠~
(+설명)
프로젝트에 따라 케바케로 위와같은 방법으로 안 되는 경우 (또는 레터박스가 깜박이거나 이상할 경우)
forum.unity.com/threads/force-camera-aspect-ratio-16-9-in-viewport.385541/
이 사이트의 스크립트를 그대로 복사하세요
float targetaspect = 16.0f / 9.0f; 이부분은 가로 세로 비율로 고정해주시면서 하시면 될 겁니다
(+설명)
스크립트 보기(블로그)에는 Start로 바꾸고 마지막에 OnPreCull을 추가하여
완전 까맣게 나오도록 약간의 수정을 했습니다
# 스크립트 보기
goraniunity2d.blogspot.com/2019/07/cameraresolution.html
# 참고한 사이트
forum.unity.com/threads/force-camera-aspect-ratio-16-9-in-viewport.385541/
#유니티꿀팁 #16:9 #모바일해상도 #화면고정 #레터박스

[@gorani_TV]

프로젝트에 따라 케바케로 위와같은 방법으로 안 되는 경우 (또는 레터박스가 깜박이거나 이상할 경우) forum.unity.com/threads/force-camera-aspect-ratio-16-9-in-viewport.385541/ 이 사이트의 스크립트를 그대로 복사하세요 float targetaspect = 16.0f / 9.0f; 이부분은 가로 세로 비율로 고정해주시면서 하시면 될 겁니다 (+설명) 스크립트 보기(블로그)에는 Start로 바꾸고 마지막에 OnPreCull을 추가하여 완전 까맣게 나오도록 약간의 수정을 했습니다 최신 버전에서는 Edit > Project Settings > Player > Resolution and Presentation > Render outside safe area 체크하면 16:9 비율 됩니다

[@유-o4u]

너무 채널이 알찹니다. 노하우를 전부 전수해주시는것 같습니다. 영상 속도 더도말고 덜도말고 ..이정도가 정말 너무 좋은것같아요 고라니님 ㅠㅠ 차분해요..,. 공부하는 느낌이 듭니다. 다른영상 너무 빠르고 화면전환도 슉슉넘어가서 0.75배속으로 듣고있어요.. 항상 영상 감사합니다 정주행할게요 ! 화이팅

[@민동현-e6e]

와.. 앵커 하나하나 조정하면서 헛고생 할 뻔 했는데 덕분에 잘 해결합니다 감사합니다!!

[@cO_cA_cO_IA]

감사합니다 사장님 복 받으실 거예요

[@박찬-f7c]

유니티 3년동안 공부한 학생입니다. 해상도 떄문에 모바일 개발은 하기 싫어서 안하게 되었는데 친절한 설명과 예시 들어주면서 해주시니 더할나위가 없군요. 감사합니다

[@gorani_TV]

감사합니다^^ 3년이나 하셨다니 대단하네요! 저도 모바일 해상도 때문에 그동안에 스트레스 받았는데 해결되니 너무 좋네요!

[@CodeBlues-TimeisGold]

몇번이나 고라니님의 여러 영상으로 도움을 받았는지 모르겠습니다. 정말 감사합니다. (_ _)

[@7cjwkh]

덕분에 해상도 걱정 덜었습니다. 감사합니다

[@exit8586]

정말 필요한 내용이었는데 감사합니다 ^^

[@gamedev.1166]

완전 따봉입니다! ㅋㅋㅋ

[@위성환-f8k]

너무 감사합니다. 설명을 잘해주시네요

[@오빈권-y3p]

감사합니다 고라니님..!

[@muterial1285]

어우 구글링 한참 해도 원하는 답이 안나왔는데 겨우 찾았네요 감사합니다!

[@harimi-mg9tt]

감사합니다 고라니 센세!

[@김대동-t1g]

정말로 감사합니다. 유니티를 배우는데 고라니님의 영상이 정말 많은 도움이 되고있어요!!

[@gorani_TV]

넹♡

[@루트모두포]

많은 도움이 되었습니다!!! 감사합니다!!

[@JunC-k1m]

레터박스 구현중에 레터박스 부분에 이상한 이미지가 나오는 폰기종이 있어서 해결법 찾는중에 고라니님 자료를 보고 void OnPreCull() => GL.Clear(true, true, Color.black); 추가하니깐 해결되었습니다. 감사합니다!

[@gorani_TV]

맞아요 카메라 완전 까맣게 나오는 부분입니다

[@QuokkaBff]

정말 감사합니다.

[@FoolishCrow]

빠르고 쉽게 이해되게 설명해주셔서 감사해요~~~ 다음에는 playfab + photon pun2 로 멀티게임 만드는거도 강의해주세요~~~~ㅎㅎ

[@gorani_TV]

헉스! (제가 포톤2로 멀티게임 만들다가 어려워서 포기한.. 안 좋은 기억이) 그래서 그런데 가능하다면 포톤 펀 2만 사용해도 될까요??

[@초이-c6j]

빠르고 쉽게 이해되는 깔끔한 영상 감사합니다.

[@gorani_TV]

감사합니다 ^^77

[@초이-c6j]

@@gorani_TV동영상대로 따라했는데 화면이 일부만 검게 잘리고 살짝 틈이 생겨요 뭐가 문제 일까요 ..

[@gorani_TV]

[e-mail]프로젝트 보내주세요

[@yuntv9892]

오 감사합니다

[@bk-eg6pz]

감사합니다. 궁금한게 있는데요 1.canvas scaler에 scale with screen size에서 정한건 캔버스 안에 UI요소만 화면크기에 따라 ui크기가 달라지는 거고 코드상에서 screen.setResolution은 ui, 인게임 화면이 모두다 setResolution으로 정한 해상도인가요? setResolution은 그냥 사진늘리듯이 확대,축소 같더라구요 2.댓글보니 모든 해상도에 맞춰 꽉찬 화면으로 보여지게 하려면 앵커를 사용하랬는데 setResolution하고 차이가 뭔가요?

[@gorani_TV]

kzbin.info/www/bejne/sF7Ic3V7rJ2amNk 12:46초 전체해상도 대응법입니다. Screen.SetResolution은 PC로 빌드하면 잘 되지만 모바일에서는 늘어납니다. 모바일에 쓰려면 안 쓰는 게 좋습니다.

[@Wind_mill]

비율로 나온값을 한쪽만 변경해주시던데요. 거기에 y랑 x의 값을 바꾸구요. 이유가 무엇인지 알수있나요? ex) local w = 1000 local h = 1000 local a = ( w / h / 16/ 9 ) -- ( 가로 게임 = 9/16 , 세로게임 =16/ 9) if a < 1 then --:: 날씬한경우 print( "a < 1 = "..a ) print( "h = "..a ) print( "y = ".. (1-a)/2 ) else --:: 뚱뚱한경우 print( "a > 1 = "..a ) print( "w = "..a ) print( "x = ".. (1-a)/2 ) end

[@日本語を知っている]

뭐임 설명 개잘하시네여

[@gorani_TV]

감사합니다!

[@유재성-r6u]

감사합니다~

[@pjt2462]

감사합니다...진짜

[@김상윤-b3j]

감사합니다 ㅠㅠㅠㅠ

[@암꺼나용]

고라니님 매번 도움되는 영상 감사합니다 앵글사용해서 작업이 마무리 단계였던 게임이 제 모바일 기종을 바꾸고나니 비율차이로 찌그러지는게 거슬리던중 현 영상을 보고 바로 적용을 했는데 전부 틀어져버렸어요 그래서 고라니님이 앵글 사용하지 말라하셨나? 하며 규모가 큰 게임은 아니라 다시 새롭게 프로젝트를 작성했습니다 우선 UI-Canvas를 추가하고 Scale With Screen Size를 추가해서 그곳 자식으로 배경 이미지를 넣었는데요 PC에서 플레이를 해보면 배경과 땅 모든게 잘 나오는데 빌드하고 모바일에서 실행하면 다른 이미지와 UI는 모두 비율 자동으로 조정되며 잘나오는데 배경과 땅 이미지만 안나오는데.. 예상되는 의심해볼부분이 있으실까요?

[@gorani_TV]

전체해상도 대응이면 앵커 사용하세요~ kzbin.info/www/bejne/h53Penqefa6Fq8ksi=Yq00yvxJAzs3cBzj 보시면 이해가 되실거예요

[@진하다-g7m]

감사합ㄴ다!!!!!!!!!!!

[@whj9541]

얼마전 이거때문에 전부 코딩으로 배치하는 수작업을 거쳤는데.. 이 영상을 좀만 더 일찍 봤었으면 좋았겠네요 ㅠ

[@gorani_TV]

맞아요 UI를 일일히 코딩으로 배치하는 그런 노가다의 고통 이해합니다 ㅠ

[@bclouds1]

감사합니다. 정말 도움이 됐습니다. 강의를 요점만 정확하게 잘해주시네요. 질문이 있는데요. 지금 강의는 비율 이외의 부분은 검은색으로 나오는데요. 게임 이미지가 늘어나더라도 핸드폰 화면에 꽉 채우고 싶으면 어떻게 하면 될까요?

[@gorani_TV]

+Daeun Lim 모든 해상도에 대응하시고 싶으신 거군요! 그러면 앵커를 사용해야 하는데 [플래피버드 원커맨드로 만들기]에서 앵커를 사용하여 만들었습니다. 그걸 보시면 될 듯합니다. 또는 유튜브에 unity anchor를 검색하셔서 사용법을 보시면 되겠습니다. 하지만 앵커를 사용하여 모든 해상도에 대응하는 방법은 그리 녹녹치 않습니다. 원하시는 방법을 선택하셔서 사용하시면 되요

[@bclouds1]

@@gorani_TV 답변 감사드립니다. 제가 원한 건 화면을 늘리는 거였습니다. 여기 저기 검색해 봐도 만족할만한 답변이 없네요. 그래도 고라니님 덕분에 차선책은 해결했으니 감사합니다. 건승하세요. ^^

[@gorani_TV]

+Daeun Lim 아 늘리는 거군요 void Awake => Screen.SetResolution(1920, 1080, true); 입니다. Landscape Right의 경우에요

[@bclouds1]

@@gorani_TV 오.. 위에 강의해 주신 코드 대신 이렇게 입력하면 UI 랑 인게임이랑 둘 다 늘어나나요? +___+

[@gorani_TV]

@@bclouds1 네 늘어나요~

[@권대성-u3x]

캔버스 스케일러를 Scale with screen size로 맞춰놓으면 Translate()를 못씁니다. 참고하세요~ anchoredPosition으로 UI 오브젝트를 이동시키는건 정상 작동하는데~ Translate()로 값을줘서 이동시키는건, 디바이스마다 다르게 이동합니다. 예를들어 Pos x값을 Translate()로 100만큼 이동시킨다고 하면 좀더 큰 디바이스에서는 120 이동됩니다. 디바이스 크기에 따라 이동값이 달라져요 ㅠ ㅠ (진작에 알았더라면 좋았을텐데.. 처음부터 코딩을 다시해야 겠네요 ㅠ ㅠ)

[@권대성-u3x]

test_i.rectTransform.Translate(50 * ((float)Screen.width / 1080), 50 * ((float)Screen.height / 1920), 0); 이런식으로 스크린 값에다가 1080을 나눠준걸 곱해주면~ 얼추 맞아요 (1080 1920을 1로 보고, 비율로 적용하는 방식?) with 사이즈 480짜리는 오차가 좀 심한데, 나머진 얼추 맞는거 같네요 대신, 오리엔테이션 값이 (상하 좌우)가 자동으로 돼있거나, 바뀌면 X됨 720 * 1280 으로 들어가야지 1280 * 720으로 반대로 들어가면 엉망진창 됨~

[@권대성-u3x]

이거 제대로 작동 안합니다 ㅠ ㅠ 모든 사이즈 비율이 설정한 비율 (예를 들어 16:9) 사이즈로 무조건 잘라서 보여주기 때문에 어떤식으로 비율이 잘라질지 몰라서, 모든 디바이스에 적용이 안될거 같아요~ ㅠ ㅠ 이거 쓰실려면 UI의 Translate()는 사용하지 말아야 할듯 ㅠ

[@gorani_TV]

ㅠㅠ

[@민수-t7p3f]

대박!! - 고라니를 사랑하는 사슴이

[@gorani_TV]

사슴이요?! ㅋㅋㅋㅋ 감사합니다

[@nana_0427]

짱

[@태사단]

해상도마다 테스트해가며 피벗과 앵커를 만지던 과거의 저에게 보여주고 싶군요...

[@gorani_TV]

ㅠㅠ

[@따뜻한심장-x8h]

고라니님 항상 영상 잘 보고있습니다. 유니티 공부 시작한지 2개월 정도 되었는데 궁금한게 있어서 여쭤봅니다. 가로모드로 하려고 빌드까지 했으나 검은색 부분으로 나와야 할 곳이 나오지 않습니다 고라니님 코드 그대로 했을 때는 위에가 안 늘어나서 양 옆으로만 길게 되고 글 내용에 있는 스크립트로 사용시 검은색 부분없이 그대로 출력이 되는데 왜 그런지 알려주실수 있을까요 ? 감사합니다.

[@따뜻한심장-x8h]

고쳤습니다 !!

[@anonn7248]

16:9, 18.5:9, 21.5:9 등 대부분 스마트폰 해상도는 해결이 되는데 아이패드의 4:3해상도에 적용해보면 카메라는 괜찮은데 canvas속 UI가 무너지네요. Ipad같은 4:3 비율까지 커버하려면 이방법 말고 그냥 anchor로 하는게 나을까요? (영상 너무 이해 잘되게 설명해주셨어요. 외국 튜토리얼도 많이 봤는데 고라니님이 젤 설명이 좋네요. 감사합니다)

[@gorani_TV]

1:19 크기를 4:3비율인 2732x2048(비율만 같다면 다른 크기도 괜찮아요, 세로가 길다면 반대로) 해 보실래요?

[@日本語を知っている]

화면 방향 5:45

[@Han_Seungwoo]

감사합니다. 조금(많이) 예전 영상이라 답변을 주실 지는 모르겠지만, 1080x1920 으로 하고 변경해보니 1080x1920 보다 큰 해상도에서는 화면이 잘 줄어드는 데요, 1080x1920보자 작은 해상도에서 화면이 짤리면 맞춰지지 않습니다. 스크립트를 보면 저도 압니다. 잘린 값 만큼 카메라 시야를 줄이는 것이기 때문에 작은 해상도에서 늘리는 것은 불가하다고 알고 있으나, 다른 방법이 없을까요?

[@gorani_TV]

1920x1080 보다 작은 화질의 핸드폰이 있나요? 최신 버전에서는 Edit > Project Settings > Player > Resolution and Presentation > Render outside safe area 체크하면 16:9 비율 됩니다

[@번개생쥐]

고정 해상도로 박아서 UI 해상도 문제 잘 해결 했습니다. 근데 새로운 문제가 발생 했습니다. 폰 기종에 따라서, 예를들면 패드(해상도 4:3)의 경우 Sprite가 검정색 래터박스를 침범합니다. 나름대로 찾아서 공부해 보았습니다만...... 여전히 해결책은 못 찾겠습니다. [공부한 내용] 1. UI는 Rect Transform이고, Sprite는 Transform 이라는 차이점이 있다. 2. Sprite는 Pixel Per Unit으로 크기를 조절한다. 3. 유니티에서는 Layout Group 콤포넌트를 제공한다. 그.러.나. Sprite에는 적용 불가하다. [여담] 혹시 버섯커키우기 게임을 아시는지요? 좌, 우에는 검정색 레터박스가 있고요. 버섯 캐릭터(Sprite)는 상단 레이아웃에서 일정한 위치에 고정되어 있고, 하단 레이아웃에는 아이템 창고 UI가 고정되어 있습니다. 폰 기종이 달라져도 버섯 캐릭터가 유니티 UI Image인 것 마냥, 위치가 고정된 느낌이더라고요. 유니티에서도 충분히 구현 가능할 것 같은데요. 제가 어디서 헤매고 있는지 모르겠습니다.

[@K0REA..]

님 짱

[@까동-h8e]

고라니님 너무 감사합니다~ 고라니님 유튜브 보고 열심히 공부하고 있습니다!! 이번에 해상도 보고 해보고 있는데 오브젝트를 이동시킬때 해상도가 안맞아서 생기는 검은색 부분에도 오브젝트가 표시가 되는데 이건 어떻게 해야할지 막막합니다! 혹시 알려주실수 있나요?

[@gorani_TV]

검은색에 오브젝트가 안보여야 정상인데요.. 흠 [e-mail]으로 문제의 스크린샷 부탁드릴게요

[@까동-h8e]

@@gorani_TV 메일 보냈습니다!! 답변 정말 감사합니다!!

[@momoha-e8c]

안녕하세요! 동영상 잘 보고 있습니다~ 궁금한게 6:14초에 해상도를 고정하면 홈버튼 표시가 안나온다는 말인건가요??

[@gorani_TV]

네 홈버튼 안 나오고 위아래가 전체화면으로 검고 깔끔하게 나옵니다.

[@CodeBlues-TimeisGold]

첨부하신 스크립트 하단에 void OnPreCull() => GL.Clear(true, true, Color.black); 말인데요. 왜 잘리는 위아래 부분이 검은색이 나올때도 있고 파란색이 점멸하듯 할때도 있는걸까요? 특히 파란색 경우는 점멸때문인지 눈이 아프네요. 이것저것 바꿔봤는데 변함이 없네요. 혹시 뭔가 아시려나요? 늘 좋은 꿀팁 영상으로 도움주셔서 감사합니다.

[@gorani_TV]

지금은 안드로이드 스위치 플랫폼 하면 Project Setting - Player - Resolution and Presentation - Render outside safe area 체크하면 되요

[@CodeBlues-TimeisGold]

@@gorani_TV 아! 너무 고맙습니다.(_ _)

[@CodeBlues-TimeisGold]

Canvas바로 밑의 모든 ui들의 부모가 될 Image 하나만 영상처럼 앵커 건들지 않고 Image 자식 ui들은 앵커로 위치 잡아도 되나요? 당장 해보고 싶은데 시골에 와있어서 테스트해볼 수가 없네요. 노트북갖고 올 걸... ㅜㅜ

[@gorani_TV]

네 자식은 부모 기준으로 됩니다. 버튼의 자식으로 기본적으로 텍스트가 있어 부모기준으로 중앙에 위치하는것과 같습니다. 그래서 자식은 조정해도 됩니다

[@CodeBlues-TimeisGold]

@@gorani_TV 해상도 문제가 늘 개운치 않았는데 좋은 해결책 알려주셔서 너무너무 감사합니다. (_ _)

[@tea8124]

저렇게 코드를 넣은 상태면 Screen Match Mode가 Match Width or Height, Expand, Shrink 뭐든 상관없는건가요?? 그리고 보통 Match Width or Height를 사용해서 Match를 0.5로 사용하나요?

[@gorani_TV]

Expand가 좋고 Expand를 사용합니다.

[@tea8124]

@@gorani_TV 감사합니다

[@진진자라지리지리-f4z]

그런데 이거...버튼 UI를 엄청 (왼쪽이나) 오른쪽에 두었다면 버튼이 잘릴수도 있는거 아닌가요? (UI는 잘리는거죠?)

[@gorani_TV]

아닙니다

[@unit1285]

고라니님! 좋은강의 감사드려요. 19.3.5 버전 사용중인데 camera.rect에 오류가 나서 메일보내드렸는데 혹시 확인 가능하실까요?

[@성성이-q7c]

영상 잘 봤습니다 감사합니다! 그런데 왜 앵커를 만지면 안되나요?? 앵커 바꿔도 비율만큼 잘 변경 되는거 같은데 이유가 있나요??

[@gorani_TV]

고정해상도시에는 앵커를 만약 왼쪽위로 한다면 검은 영역을 벗어나 위치하는 걸 볼 수 있을 거예요

[@성성이-q7c]

@@gorani_TV 아하 고정해상도시에 문제가 되는거였군용 감사합니다

[@김용진-y4y]

UI를 캔버스크기에 맞춘 이미지의 자식으로 넣고 작업하면 앵커를 사용해도 되나요?

[@gorani_TV]

네 그렇습니다. 캔버스에서 바로 보이는 부모들의 앵커는 0.5, 0.5에 있고, 자식은 앵커조절 해도 됩니다. 스크롤 뷰만 봐도 자식은 앵커들이 조절되어 있어요

[@Funbox_admin]

캠퍼스 스크린 사이즈를 불러와서 UI image에 대입 하고 싶은데 어떻게 하면 되나요.

[@ddd-j9d]

그럼 그냥 컴으로 맞춰야 하네요?

[@성이름-e2d9c]

원래 앵커를 안 쓰는 게 보편적인가요?

[@gorani_TV]

아니요. 요즘에는 전체해상도 대응이 많아 앵커 활용도 많이 필요합니다.

[@김선우-p3f]

앵커를 사용하면 안되는 이유가 뭔가요? 1920 1080 말고도 2160 1080으로도 만들고 싶은데 앵커를 사용하지 않으면 UI를 하나더 만들어야 해서 앵커를 쓰고 싶은데

[@gorani_TV]

해상도를 고정하지 않는다면 앵커를 사용하시면 됩니다. 고정할 때 앵커를 사용하지 않는 이유는 핸드폰마다 화질이 다르기때문에 검은부분을 침범하게 될 수도 있습니다.

[@Unknown_Korean]

고라니님 영상대로 했는데 jog 이미지가 레터 박스에 닿으면 레터박스에 잔상이 남습니다. 어떻게 해결 할 수 있는 방법이 있을까요? void OnPreCull() => GL.Clear(true, true, Color.black); //이거 추가해도 해결이 안 됩니다.. ㅜ.ㅜ

[@gorani_TV]

정 안되시면 전체해상도를 고려해주세요 ㅠㅜ

[@ForAdo]

카메라 레이어를 사용해서 카메라를 두개 사용하는데 카메라 두개에 다 이 코드를 넣어놓으니까 유니티 게임창에서는 잘 나오다가 빌드했을 때는 검은화면이 나와요 이걸 해결할 방법은 없을까요?

[@gorani_TV]

카메라 하나만 사용하는 건 어때요?

[@joonglipk2009]

감사합니다! 혹시 9:16->10:16 기준 양쪽에서 줄어드는게 아니라 왼쪽에서만 줄어드는 현상이 있는데 어떻게 해결하면 좋을지 알 수 있을까요..?

[@gorani_TV]

캔버스 스케일러도 10대 16비율로 해주세요

[@원-d9q]

에디터에서는 잘 동작하는데 빌드하면 버튼들이 검은 부분을 마구 침범하네요...원래 이 방법으로 하면 UI들은 적용 안되나요?ㅠㅠ

[@gorani_TV]

UI의 앵커를 건들지 않았는지 캔버스의 설정이 영상처럼 되어있는지 확인해주세요

[@lth000]

물려받은 프로젝트가 있는데 ui캔버스에서 비율 정해두고 screen space camera를 사용중입니다 근데 어떤 ui는 대응되는데 어떤 ui는 안되고 미치겠습니다 혹시 방법 있을까요

[@gorani_TV]

최신 버전은 이렇게 할 필요없이 Project Settings - Player - Resolution and Presentation - Render outside safe area 체크하면 구글플레이스토어에서 알아서 16:9 되더라구요

[@DaDi_0416]

항상 영상 잘보고 있습니다. 너무 유용해요 감사합니다ㅎㅎ 하나 질문이 하나 있어서 댓글을 남깁니다. void OnPreCull() => GL.Clear(true, true, Color.black); 이 부분을 쓰는데 C # 4.0 언어에서는 사용이 불가하다고 오류가 떠서 다른 방법이 없나 찾는중입니다.ㅠ 혹시 다른 방법도 있을까요?

[@gorani_TV]

비주얼 스튜디오 혹은 유니티 버전이 너무 낮은 거 같습니다. 유니티는 2018이상 비주얼 스튜디오는 2017이상? 써보세요.

[@DaDi_0416]

@@gorani_TV 아 유니티 버전이 낮아서 그런가보네요 ㅠㅠ 감사합니다

[@bryanlee5826]

고라니님 좋은 내용 감사해요. 그런데 높이는 헤이스가 아니고 하이트 또는 하잇 이라고 읽어주세요... 발음때문에 몰입이 좀 안되네요... ㅋㅋㅋ

[@gorani_TV]

네 맞습니다

[@ddolddol-e6935]

혹시 검은색영역에 이미지를 넣을수있을까요?...패턴같은걸로 채우고 싶습니다.

[@gorani_TV]

네 가능합니다 1920x1080 캔버스밖에 이미지를 앵커를 조절하지 않고 움직이면 됩니다

[@ddolddol-e6935]

@@gorani_TV 정말 감사드립니다^^

[@노트8원탑양근]

갤럭시 노트8 사용 유저인데 이대로 하면 휴대폰 화면비율이 16:9가 되는건가요?

[@gorani_TV]

네 위아래 검은화면이 채워져요

[@노트8원탑양근]

@@gorani_TV 근데..전 휴대폰의 어떤 앱을 할때 화면비율이 16:9 되도록 하고싶은건데..

[@scottmichael2023]

제 프로젝트에 적용해보니 기존에 메인카메라 + ngui카메라(ui사용때문)(depth only)로 되어있어서 그런지 모바일에서 줄어든 여백이 검은색으로 안나오고 깨지는 현상이 나오네요 어떻게 처리 할 방법없을까요? 비율은 너무 예쁘게 잘나오는데 저것만 해결하고싶습니다 ㅠ

[@gorani_TV]

2019이상으로 해보세요. 그래도 안 되면 영상설명에 있는 방법으로 해보세요

[@scottmichael2023]

@@gorani_TV 설명에 첨부되어있는 블로그글 코드로 바꾸니까 되네요! 감사합니다!! 갓라니 만세!

[@이게나야-s3v]

너무 원초적인 질문일 수 있는데, 해상도가 다르다고해서 왜 UI의 배치들이 바뀌게되는건가요?

[@이게나야-s3v]

각 해상도마다 픽셀사이즈가 달라서인가요? 만약 픽셀사이즈가 문제라면 각 해상도마다 픽셀사이즈를 고려해 UI의 크기를 조절해야한다는것은 이해가 갑니다만, 위치가 바뀌는 문제는 이해가 안가네요.. 아니면 애초에 픽셀사이즈문제가 아닌가요 ㅠ

[@gorani_TV]

앵커라는 게 있습니다 kzbin.info/www/bejne/sF7Ic3V7rJ2amNk

[@margotlinne]

카메라 사이즈 안에 배경이미지 크기도 다 맞추고 다 했는데도 레터박스 부분이 이상하게 나오네요..... 검정색이 아니에요ㅠㅠ 뭐가 잘못된걸까요...

[@gorani_TV]

고정댓글 확인해주세요

[@강명재-z4d]

pixel perfect 카메라랑 같이 쓰려니 작동 안하는데 이부분도 혹시 해결이 가능할까요?

[@gorani_TV]

고정댓글 아래 써놨습니다

[@gorani_TV]

대박이네요 아주그냥

[@sunfishing_]

해상도를 벗어난 검은부분에 임의로 ui를 놓게되면 보이게되던데 해상도를 벗어난 부분은 ui를렌더링 하지 않는 방법이 있을까요?

[@gorani_TV]

트릭은 있는데 캔버스에서 1920x1080기준 해상도 해놓고 앵커를 건드리지 않은 채 검은색 UI를 경계선에서 바깥으로 놓으면 가려집니다. 이것은 캔버스의 맨 아래 위치해야 다른 UI를 가립니다.

[@sunfishing_]

@@gorani_TV 꿀팁~! 영상잘보고있습니다 화이띵

[@mingyu243]

안녕하세요. 영상 감사합니다. 해상도 조절을 하려고 레터박스를 사용했는데, UI가 레터박스 위에 겹쳐요. 이건 어떻게 해결하는 지 알 수 있을까요? 찾아봤는데 레터박스 대신 Streeth 라는 것이 있다는데, Streeth을 구글링을 해도 안나옵니다. www.devkorea.co.kr/bbs/board.php?bo_table=m03_qna&wr_id=94275 (찾아본 사이트) 이 사이트에서 답변하신 분이 오타를 한 건지 잘 모르겠습니다.

[@mingyu243]

해결했습니다!! Canvas의 Render Mode를 Screen Canvas - Camera로 바꾸니까 잘 되네요.

[@즁-u8g]

레터박스에 이미지를 삽입하고 싶은데 방법이 있을까요?

[@gorani_TV]

캔버스에 이미지로 1080x1920을 벗어난 부분에다가 그냥 이미지를 상하좌우 4개 만들면 됩니다.

[@dnrkckzk]

screen.setresolution이랑 차이점이 뭐에요?

[@gorani_TV]

Screen.SetResolution은 PC에서는 정상작동하는데 모바일에서는 안 됩니다. 화면이 늘어나게 보이거나 풀스크린을 true하면 풀스크린으로 보입니다

[@dnrkckzk]

@@gorani_TV 모바일에서도 1280,720잡고 풀스크린 true하면 위아래로 검게 칠해지던데요...?

[@gorani_TV]

말씀하신 1280x720 true로 실험해 보았습니다 안됩니다 몇몇 기기 (이미 16:9비율인 해상도)에는 대응될 수 있겠으나 제 핸드폰(갤럭시 노트 8)에선 그냥 늘어지거나 풀스크린으로 보입니다

[@dnrkckzk]

@@gorani_TV 흠~ 제가 뭔가 잘못했나보네여 답변 ㄳ염~

[@Pqlamzwoskxn]

이거 3d에서도 되나요?

[@gorani_TV]

+이경환 네

[@favmin3792]

폰으로는 설정 못하나요?

[@gorani_TV]

핸드폰 대응을 위한 거예요

[@favmin3792]

@@gorani_TV 폰으로도 16:9 설정하는 영상 올려주세요

[@디나인-w1v]

위 아래로 검은 화면이 아니라 깨진 화면이 보여요 뭐가 문제 일까요?

[@gorani_TV]

[e-mail] 프로젝트 보내주세요

[@디나인-w1v]

고라니TV - 게임개발 전문채널 해결 했습니다 답변에 감사 드립니다

[@송병선-x9k]

@@gorani_TV 저도 같은 증상이 발생합니다. ㅠㅠ 코드도 고라니님과 똑같이 작성했습니다.

[@gorani_TV]

@@송병선-x9k 프로젝트에 따라 케바케로 위와같은 방법으로 안 되는 경우 (또는 레터박스가 깜박이거나 이상할 경우) forum.unity.com/threads/force-camera-aspect-ratio-16-9-in-viewport.385541/ 이 사이트의 스크립트를 그대로 복사하세요 float targetaspect = 16.0f / 9.0f; 이부분은 가로 세로 비율로 고정해주시면서 하시면 될 겁니다

[@shc0018]

카메라에 렉트에 대한 정의가 없다고 떠요 ㅠㅠ

[@gorani_TV]

카메라에 스크립트 넣으신 거 맞나요??

[@shc0018]

​@@gorani_TV 새 프로젝트 열어서 해보니 거기선 잘 되네요 2D 프로젝트여서 그런건가...

[@shc0018]

참고로 콘솔창 말고 비주얼에서 경고문 뜨는거에요

[@shc0018]

혹시 저랑 같은 증상 생긴분들 위해 남깁니다 스크립트 이름을 카메라 레졸루션 그대로 쓰니 되더라구요

[@hyunmin8587]

고라니님 안녕하세요 좋은 정보를 올려주셔서 감사합니다 궁금한게 있어서 댓글을 남깁니다 고라니님이 알려주신 코드를 그대로 입력했는데 Rect rect = camera.rect 에서 마지막 rect부분에 빨간줄이 생깁니다. camera.rect

[@gorani_TV]

; 세미콜론 넣었나요?

[@hyunmin8587]

@@gorani_TV 네 세미콜론은 넣었구요! 스펠링도 몇번이고 확인했습니다. 혹시 스크립트를 메인카메라에 넣지 않아서 그런가 싶어 넣고 해봤는데도 계속 빨간줄이 뜨네요 다른 분들은 여기에 대해 문제제기를 안 하는걸 보면 저만 그런것 같은데 왜 그런지 잘 모르겠어요 ㅜㅜ

[@hyunmin8587]

@@gorani_TV 아... 제가 스크립트 이름을 Camera라고 설정했었는데 그게 잘못된 거였네요.... 이런 바보같은 실수를... 죄송합니다ㅜㅜ

[@박병건-k5q]

진짜 너무 유익해요

[@nana_0427]

짱

[@yeongblood9348]

좋은 정보 감사합니다 잘 참고해 갑니다~^^

[@마카롱-z8z]

알려주셔서 감사합니다.