안녕하세요 철사마입니다.

오랜만에 유니티 팁을 기억해 놓으려고~ 개발 포스팅을 하게 되었습니다. :)

(이미지 출처 : 구글 이미지 검색)


따지고 보면 별건 아닌데, 모를 때는 방법을 몰라 매우 궁금했던 것인데요.

바로 화면 해상도 고정 방법입니다.


예를 들어 유니티에서 화면에 보이는 모습과 핸드폰에 보이는 모습이 다를 경우가 있습니다.

특히 2D의 경우는 더 심한데 개발시 화면에 보이는 것과 핸드폰이 동일해야 개발할 때 예측이 잘 될거라서 실제 화면과 다르다면 개발할 때 참 불편할 것입니다.


분명 방법이 있을 것 같아서 여기저기 찾아보니 이런 쉬운 방법이 있더군요!


바로 SetResolution 이라는 함수를 쓰면 쉽게 할 수 있습니다. 두둥~


Screen.SetResolution


public static void SetResolution(int width, int height, bool fullscreen, int preferredRefreshRate = 0);


화면의 해상도를 전환합니다.


A width by height resolution will be used. If no matching resolution is supported, the closest one will be used.


If preferredRefreshRate is 0 (default) Unity will switch to the highest refresh rate supported by the monitor.

/preferredRefreshRate/가 0이아니면 유니티는 모니터가 지원한다면 사용하고, 아니면, 지원되는 highest중 하나를 선택할 것입니다.


웹 플레이어상에서는 사용자가 컨텐츠를 클릭한 후에 해상도가 변경됩니다. The recommended way of doing it is to switch resolutions only when the user clicks on a designated button.


On Android fullscreen controls the SYSTEM_UI_FLAG_LOW_PROFILE flag to View.setSystemUiVisibility(), on devices running Honeycomb (OS 3.0 / API 11) or later.


On Windows Store Apps, switching to non-native resolution is only supported starting from Windows 8.1 and newer.


전체화면 전환은 바로 적용되지 않습니다; 현재 프레임이 끝날 때 적용됩니다.

// Switch to 640 x 480 fullscreen

Screen.SetResolution(640, 480, true);


다른 예제:

// Switch to 640 x 480 fullscreen at 60 hz

Screen.SetResolution (640, 480, true, 60);


다른 예제:

// Switch to 800 x 600 windowed

Screen.SetResolution (800, 600, false);


See Also: resolutions property.

출처 : UNITY 스크립팅 API



좀 더 쉽게 설명을 하자면...


Screen.SetResolution(가로 픽셀, 세로 픽셀, full screen 유무, 지원되는 해상도 지정-기본 0으로 설정되어 있음);


640x480 사이즈에 Full Screen 으로 설정하고 싶다면

Screen.SetResolution(640, 480, true);

이렇게 하시면 됩니다.


주의할 점은 최초 실행시 실행되는 스크립트에 적어주셔야 정상적으로 적용이 됩니다.


그럼 테스트를 위해 몇가지 단계를 순서대로 진행해 보겠습니다. 스탭바이 스탭으로 진행되니 길어도 쉽게 읽어보심 바로 아실 것 같아요!


우선 유니티 새 프로젝트를 만드시고...


예제로 유니티에선 화면 사이즈를 720x1280으로 설정해 보았습니다.

그리고 사이즈가 꽉 차게 나오는지 양 모서리에 이미지를 위치하였습니다. 



양 모서리에 들어간 이미지는 새해라서 .. 돼지해 이미지로 했습니다. :) 이미지는 인터넷 검색으로...

새해 복 많이 받으세요 ^^



테스트를 위해서 대충 한거긴 한데.. 설명을 하자면,

Scene에서 Empty한 Game Object를 생성하시고.. 전 Canvas라고 이름을 정했습니다.

그 Object에 C# 스크립트를 하나 생성해서 붙였습니다. 전 스크립트 이름을 script.cs로 정했습니다.


script.cs 스크립트에 해상도 설정 스크립트를 추가합니다.

이 함수는 최초 실행시에 불려야 하기 때문에 Start() 보다 빠른 Awake()에 붙여 넣었습니다.


    void Awake()

    {

        Screen.sleepTimeout = SleepTimeout.NeverSleep;

        Screen.SetResolution(720, 1280, true);

        

    }


위에 Screen.sleepTimeout = SleepTimeout.NeverSleep; 코딩은 게임 실행 중 화면이 꺼지지 않게 하는 설정입니다. 참고해 주시고...



맨 위의 Rect Transform 에 나오는 사이즈는 Game View의 화면 사이즈입니다.

화면 사이즈를 720x1280으로 설정해 주시고,



Canvas Object에 script.cs 파일을 연결해 주었습니다.


그 후에 Add Component를 클릭하여 [Canvas] 와 [Canvas Scaler (Script)] 를 우선 추가합니다.


Canvas 에서는

Render Mode 에서 Screen Space - Camera 로 설정해서 메인 카메라와 동기화를 시킵니다.


Render Camera 항목에 메인 카메라를 적용 시킵니다. 


Canvas Scaler (Script) 에서는 

UI Scale Mode 에서 Scale With Screen Size로 설정하여 Canvas Object의 하위 리스트에서도 동일하게 Scale이 적용할 수 있도록 설정합니다.


그리고 스케일의 기준 값을 720, 1280으로 적어줍니다.

아래 보이는 Match는 720x1280을 벋어나는 해상도가 있을 때 어디를 기준으로 Match를 할 것인지를 결정합니다.

Width로 하면 가로, Height 로 하면 세로를 기준으로 스케일이 진행됩니다.




여기까지 설정했으면 끝입니다.

빌드를 해보고 폰에 담아보면 이렇게 나옵니다.

이미지는 대충 위치한거라 조금 오차가 있네요..;;


보시면 잘 맞지요? 이런 식으로 화면 해상도를 기준하여 작업하면 개발이 좀 더 수월해 질 거 같습니다.


혹시 다른 팁이 있으신 분은 알려주세요!

처음 개발할 때 틀을 잡는게 매우 어렵더라고요..

정보 공유해요! :)


감사합니다.!



WRITTEN BY
사마사마
IT, 게임 그리고 유익하고 재미있는 다양한 정보를 소개합니다.

트랙백  0 , 댓글  0개가 달렸습니다.
secret

안녕하세요, 이번에 유튜브 동영상을 소스코드로 복사해서 블러그에 삽입하는 방법을 공부해보겠습니다.


우선 게시하고 싶은 동영상을 유튜브에서 검색합니다.


전 "BTS (방탄소년단) 'I'M FINE' Official MV" 를 찾아보았습니다.



유튜브 동영상의 링크는 : https://www.youtube.com/watch?v=tjN5BONmusI&feature=youtu.be 이것입니다.


이 동영상을 그냥 링크로 블로그에 삽입하면 링크로만 존재하니 플레이를 블로그에서 감상하기 어렵습니다.

플레이 가능한 상태로 가져오기 위해서는 동영상의 아래 부분 [공유하기] 메뉴를 클릭합니다.



그럼 아래와 같은 공유 방법을 결정하는 창이 뜹니다.

여러가지 공유 방법이 있는데요, 여기서 전 스크립트로 퍼오는 방법을 해보려고 합니다.

왼쪽에 [퍼가기] 메뉴를 눌러주세요


퍼가기 메뉴를 누르면 아래와같이 바뀝니다.

오른쪽의 소스를 복사하세요.


복사잘했으면 이제 포스팅하고 있는 블로그로 옵니다.

T스토어 기준으로 설명해 드리겠습니다.

편집모드에서 위에 보면 이런 [외부켄텐츠] 메뉴가 있습니다



[외부컨텐츠] 메뉴를 누르면 이런 설정 창이 뜹니다.



빨강색 영역에 복사한 소스를 붙여 넣습니다.


그 후에 확인 버튼을 누르세요!!



그럼 이렇게 유튜브 동영상이 내 블로그에 삽입이 됩니다. 짜잔~~

이제 내 포스팅에서 유튜브 동영상을 감상할 수 있습니다.


그리고 잊지 마셔야 할게 출처 표기는 꼭 해주세요!

퍼오셨으면 출처를 밝히는 센스는 필수입니다. :)


[동영상 출처 : https://www.youtube.com/watch?v=tjN5BONmusI&feature=youtu.be]


참고로 동영상 사이즈는 스크립트 복사할 소스에서 수정이 가능합니다.


<iframe width="560" height="315" src="https://www.youtube.com/embed/tjN5BONmusI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


위의 부분에서 width는 넓이, height는 높이를 지정합니다.

예를 들어 width를 700으로 하면 넓이가 700픽셀이 되는 것입니다.

참고로 width를 100%로 하면 꽉 찬 동영상으로 나올 것입니다.


그럼 즐거운 포스팅 되세요~~



WRITTEN BY
사마사마
IT, 게임 그리고 유익하고 재미있는 다양한 정보를 소개합니다.

트랙백  0 , 댓글  0개가 달렸습니다.
secret

할로윈 데이, 전용 의상과 인테리어로 즐기자!

<아이러브패션(I Love Fashion)> 시즌 업데이트!

블루파이(대표 최현선, 이하 블루파이)는 할로윈데이를 맞아 자사 게임인 <아이러브패션(I Love Fashion)> 에서 전용 의상 및 인테리어를 출시하고 시즌 업데이트 및 이벤트를 진행한다고26일 밝혔다.

 

이번 이벤트는 11월 초까지 진행되며 드라큘라’, ‘꼬마마녀’, ‘해골 카운터등 할로윈 분위기가 물씬 풍기는 다양한 아이템을 활용해 유저들에게 짜릿한 즐거움과 풍성한 혜택을 제공하고자 마련되었다.

 

<아이러브패션(I Love Fashion)> 게임은 기존 경영에만 집중된 게임과는 달리 패션에 더욱 주목한 게임으로 패션에 관련된 아기자기하고 다양한 패션 의상, 매력있는 모델, 몰입도 있는 시나리오가 이 게임의 주요 장점이다. 특히 게임에서 주어지는 마일리지를 활용하여 게임 내 쇼핑몰에서 의상을 구매할 수 있어 게임을 즐기는 유저라면 누구나 실제로 게임뿐만 아니라 오프라인에서도 패션 의상을 받아볼 수 있다는 것이 가장 큰 특징이다.

 

<아이러브패션(I Love Fashion)> 게임은 특히 이번 이벤트를 진행하면서 시즌 업데이트를 완료하였고, 이번 업데이트를 통하여 타이틀 및 앱 아이콘을 전격 교제하고, 유저들의 요구사항을 반영한 게임 내 컨텐츠의 다양한 개선사항을 추가 적용하였다.

 

해당 게임은 구글 플레이스토어 및 애플 앱스토어에서 무료로 제공하고 있으며 스토어 내 캐주얼 및 시뮬레이션 카테고리에서 쉽게 다운로드가 가능하다. 특히 신규, 기존 유저를 위하여 게임 전용 커뮤니티를 통한 다양한 이벤트가 상시로 진행되며 유저 소통과 참여가 꾸준히 이어지고 있다.

 

블루파이 게임 담당 PM 백철민 팀장은 할로윈데이를 맞아 새로운 의상 및 인테리어를 선보이게 되었다. 다양한 이벤트도 시즌에 맞게 진행되고 있으니 많은 관심 부탁드린다고객과의 친밀한 소통을 통해 이번 업데이트를 진행했다. 안정적인 서비스를 위해 지속적으로 노력하겠다라고 밝혔다.

 

게임에 대한 커뮤니티 및 이벤트 관련 다양한 정보는 커뮤니티 카페(http://cafe.naver.com/ilovefashionbluefi) 를 통하여 확인할 수 있다.









WRITTEN BY
사마사마
IT, 게임 그리고 유익하고 재미있는 다양한 정보를 소개합니다.

트랙백  0 , 댓글  0개가 달렸습니다.
secret