커스텀 UI를 만들어보자!

하.. 1년만에 다시 와서 하려고보니 기억이 가물가물했던 찰나에 기억나는것들과 새롭게 알게된 것들을 종합해 알려드리려 하는데.. 필력이 호구같지만 도움이 되셨으면 좋겠슴다..

많은 분들이 커스텀 UI(이하 CUI)의 사용법을(존재 자체를..) 잘 모르시는데요, 그래서 그런가, CUI로 해결 가능한 질문들을 어렵게 돌아가시는분들을 많이 보아 왔슴다.

CUI는 말 그대로 사용자 지정 인터페이스지요, 맵퍼분이 원하는대로 인터페이스의 배치를 해줄 수 있다는 겁니다.

인터페이스의 위치는 *.SC2Layout 안에 스크립트로 정의되어 되어있는데,

이부분을 찾아서 수정하는 방법을 알려드리려 합니다.

(글에 나오는 사진은 제가 지금 한창 작업중인 맵이에융)

사진처럼 미니맵을 이동시키는 걸로 설명을 드릴게요,

얘에 보면 미니맵의 위치가 바뀌어있고, 나머지 콘솔패널이 비었죠?  얘마냥 하는겁니다.

방법은 간단합니다. 갤디터에서 Ctrl+F9 로 실행한 뒤, 게임안에서 Ctrl+Alt + F12 를 누르시면 

얘가 나옵니다.

여기서 우측의 설명 계통도를 눌러서 가봅시다.

GameUI 파일안에 명시되어있는 것들입니다. 그러니 GameUI.SC2Layout 파일을 찾아서

우리가 확인한 경로대로 찾아가면 됩니다.

이번엔 UIContainer - ConsoleUIContainer - MinimapPanel이 되겠군요?

더 간단히 확인하는 방법은

저 부분에 해당 내용이 들어있는 파일이 적혀있슴다.

자, 이제 어느 파일에 명시되어있는지 확인했으니, 직접 내용을 수정해야겠지요?

이 때, 방법이 두개가 있습니다.

메모장으로 스크립트를 작성해서, 사용자 지정 배치파일로 넣어주느냐,

 UI모듈로 직접 첨부터 맵파일에 추가해 주느냐 인데, 둘다 설명해드리겠슴다.

 

먼저, 메모장으로 스크립트를 작성해서, 사용자 지정 배치파일로 넣어주는 방법은 다음과 같습니다.

개인적으로, 이렇게 하면 파일로 보관하기 떄문에 새맵 만들때마다 두고두고 우려먹을 수 있어서

애용하는 방법입니다.  (컨트롤cv한번 하기 싫어서..)

                                                                                                                                    

메모장을 열어줍니다.

그리구 기본적인 내용을 적어줍시다.

사실 스크립트 내용이 원래는 두부분이라, 두개로 찢어놔서 그렇지, 

하나만 한다면 주소 끝에이어서 써도 상관없슴다.

<Frame type=MinimapPanel" name="GameUI/UIContainer/ConsoleUIContainer/MinimapPanel" file="GameUI">

이런식으로요

네 이게 기본적으로 수정할 부분을 찾아준겁니다.

이 붉은 부분이 참조될 주소구요, 프레임 네임은, 쩌~ 위의 사진을 보면 이름옆에 회색글씨가 있슴다,

그거에여..

군심 에디터가 나오기 전엔 저 주소찾는게 노동이어서, 권해드리고 싶지가 않았슴다..

(무려 작년 근데  이제는 뭐.. 무쟈게 쉬워졌네요) 

다시 게임으로 넘어가서,

오른쪽 하단부에 보면, 구역이 있슴다.

 

여기스크롤을 내리다보면

 

이렇게 offset조정해주는 부분이 있는데, 저부분을 수정해주면,

해당 패널의 위치이동이 됩니다.

클라이언트안에서, 수치를 바꿔주면서, 자기가 원하는 위치를

위처럼 써주시면 됩니다.

$parent나 $this도 클라이언트 안에서 확인 가능합니다.

이것도 안에서 확인한것처럼 동일하게 써주시면 됩니다.

그리구! 저장하시는데, 

확장자는

SC2Layout 으로 해주세요!, 파일명은 되도록이면 영어인편이 좋구요

자 그러면 , CUI 파일이 만들어졌습니다.

이걸 게임에 적용시켜줘야하는데, 그 방법은 이렇게 하면 됩니다.

일단은 적용시켜주려면 뭐든지 갤디터 내에서 가져오기로 갤디터 내부로 넣어줘야합니다.

가져오기로 꼭! 파일을 넣어주셔야해요

이부분은 설명 안드리겠슴다..

가져오기로 에디터 내부로 넣어주셨다면,  적용시키는 방법은

갤디터 - 데이터 - 게임 UI 데이터 - 기본 SC2 UI 설정 - 사용자 지정 배치파일

에 가셔서

옆의 빈칸을 더블클릭 하신 후

잘 따라서 가시면

이렇게 나옵니다.

그리고 나서, 실행해보시면, 처음 사진처럼 나오게 됩니다..

                                                                                                              

다음은,  UI모듈로 직접 첨부터 맵파일에 추가해 주는 방법입니다.

저는 그닥 사용하진 않지만, 어짜피 스크립트 내용만 중요하지 방법은 크게 상관없거든요..

큰 틀에서 보면, 위의 경우에서 가져오기 - 배치파일에 넣어주는 과정만 빠진거라고 보시면 됩니다.

스크립트 내용을 따오는건 동일합니다.

그러니, 간단하게 설명 드리겠습니다.

우선 UI 모듈을 켭니다.

그리고, 왼쪽 리스트에서 아무곳에나 대고 우클릭 후 레이아웃 추가를 누릅니다.

이름을 지어주시는데, 여기서 팁이라면 이름 앞에 숫자나 기호를 넣어주시면, 항상 위에 가게 됩니다.

숫자보다 기호가 앞이라, 전 기호를 선호하는데, 기호중에서도 언더바( _ )가 가장 뭐랄까..

호환성이 좋다고할까요 .. 그래서 전 언더바로 씁니다 ㅋ

생성하시면 옆에 익숙한 글귀가 자동으로 써져 나옵니다. 

사진의 노란부분에는, 전과 동일한 스크립트가 써지게 될 공간입니다.

이번엔 참조주소를 그냥 한줄로 기일~게 늘여 써봤슴다~

아까랑 바뀐건 없어요

실행화면입니다. 새맵으로 해보다보니, 음,, 무튼 이렇게 나오네요

바뀐게 없지요?

동일한 기능입니다.

+추가팁

위의 UI 위치를 바꾸는 방법으로 미니맵 뿐만이 아니라 다른 모든 UI의 위치를 바꾸거나,

안보이게 할 수도 있슴다.

트리거에서 명령패널을 숨기면 단축키를 눌러도 반응하지 않는 문제도,

CUI를 사용해서 커맨드패널을 안보이게 하면, 명령패널이 보이지 않아도 단축키를 사용할 수 있게 됩니다.

이같이 상황에 맞게 잘 사용하시면, 인터페이스 면은 거의 모든 구현이 가능하니 잘 사용하셨으면 좋겠슴다

두서도 필력도 없는글 읽어주셔서 감사함다ㅠ 

필력의 어느정도는 새벽이라 멘탈이 반쯤 나간상태로 글 쓰느라 그런거니,

낮에 시간 나는대로 수정 할게유ㅠㅠ 

캬 추천

주소 찾을때 쓰면 좋음.
http://www.helral.eu/SC2LayoutFrames.html

그리고 ui모듈 생겨서 그냥 레이아웃 만들고 바로 입력할 수 있음.

부료선/ ㅎㅎㅎ ui모듈 써봤는데, 확실히 바로써주는게 좋긴 하더라구욬ㅋ내용 추가해야겠네요

진짜 너무 좋은 팁이다ㅠㅠㅠㅊㅊㅊㅊ

동작 아이콘 표시 갯수, 위치는 어떻게 변경하죠?

ㄴ 그냥 겜켜서 위에 설명중에 앞에꺼 처럼하는데, 동작아이콘을 클릭해보면 옆 리스트에 주소나와요 나머진 응용하면됨

동작이 6개까지밖에 안보이는데 아무리 뒤져봐도 6으로 되어있는게 없어요... 테스트에서 동작 나열 바 넓이를 넓히거나 동작 아이콘 크기를 줄여도 6개밖에 안보이고, 실제 적용에서는 해당 UI 스크립트 복붙해서 숫자만 바꿔봤는데 적용이 안되네요..

[2014/2/6 오후 8:20:01] UI: 유형 [BehaviorBar]의 프레임이 블리자드 전용으로 표시되어 있기 때문에 [BehaviorBar/BehaviorBarTemplate](을)를 생성할 수 없습니다.
[2014/2/6 오후 8:20:02] UI: 유형 [BehaviorIcon]의 프레임이 블리자드 전용으로 표시되어 있기 때문에 [BehaviorIconTemplate](을)를 생성할 수 없습니다.

ㄴ어제 저녁에 잠깐 확인해 봣는데, BehaviorBar 프레임 자체적으로 크기가 정해져 있는데다, 혹시나 7번째부터의 Behavioricon이 숨어있나 해서 스크립트로 개별적으로 찾아봤으나(이부분은 위에 설명한부분에서는 나오지 않았슴다), 따로 적용되는부분은 없었고, 아이콘 자체가 행동상태가 없으면 생성되지 않고, 매번 생성되는것이라, 여유있게 다시 확인을 해봐야 겠슴다,

그러니까 7번째 아이콘의 위치변경에 관련해서 실험해봤는데, 상응하던 아이콘이 없다는겁니다.
따라서, 7번째 아이콘은 생성조차도 안됬고,BG에서 돌아가고만 있던거겠지요, 이부분은 추후에 따로 방법을 찾아보는쪽으로 해볼게요

감사합니다.

ㄴ 아무리 찾아도.. 이부분은 해결하기 어려울것 같아요 ㅠㅠ지송합니다ㅜㅠㅠㅜㅠㅠ

헐 클라이언트 안에 저런 기능이 있는 줄 몰랐다