[기타] HUD 편집 모드 심화 과정

알아도 그만 몰라도 그만인 HUD 편집 모드 심화 과정입니다. 

내가 만든 HUD 편집 결과를 공유하려면, 편집한 레이아웃 선택 후 공유 > 클립보드에 복사합니다. 

이렇게 공유받은 코드는 HUD 편집모드에서 가져오기를 눌러 코드를 붙여넣고 이름을 지정하면 

내 와우 화면에도 적용됩니다. 

HUD 편집 모드 가이드 : https://blog.naver.com/relaxxlife/222914521011

덧붙여서 블리자드 HUD 편집 모드의 기능을 강화한 애드온 소개! 

+ Edit Mode Features 

- HUD 편집 모드에 개체 연결(링크) 및 좌표 옵션 제공. 

+ Edit Mode Expanded 

- 편집 모드에 경험치/평판바, 마이크로 메뉴, 가방바, 파티찾기, 다인승 차량, 내구도, 토템 개체 추가.

+ Shadowlands Micro Menu Buttons 

- 편집 모드에 마이크로 메뉴(어둠땅 버전), 가방바 개체 추가.



아래는 클래식(사전 설정)의 공유 코드를 구성 요소를 알아보기 쉽게 줄바꿈 해 놓은 코드입니다.

한 줄로 이어져 있을 때는 굉장히 복잡해 보였지만, 간단한 정리만으로도 알아보기 쉽게 되었죠. 

나중에 코드를 다시 한 줄로 만들 때는, 제일 끝에 있는 #K를 제외하고는 모든 줄 끝에 공백 한 칸이 들어가야 합니다. 

0 30 

0 0 1 7 7 UIParent 0.0 45.0 -1 ##$$%/&('%)#+# 

0 1 1 6 0 MainMenuBar 0.0 5.0 -1 ##$$%/&('%(#,$ 

0 2 1 6 0 MultiBarBottomLeft 0.0 5.0 -1 ##$$%/&('%(#,$ 

0 3 1 5 5 UIParent -5.0 -77.0 -1 #$$$%/&('%(#,$ 

0 4 1 2 0 MultiBarRight -5.0 0.0 -1 #$$$%/&('%(#,$ 

0 5 1 1 4 UIParent 0.0 0.0 -1 ##$$%/&('%(#,$ 

0 6 1 1 7 MultiBar5 0.0 0.0 -1 ##$$%/&('%(#,$ 

0 7 1 1 7 MultiBar6 0.0 0.0 -1 ##$$%/&('%(#,$ 

0 10 1 6 0 MainMenuBar 0.0 5.0 -1 ##$$&('% 

0 11 1 6 0 MainMenuBar 0.0 5.0 -1 ##$$&('%,# 

0 12 1 6 0 MainMenuBar 0.0 5.0 -1 ##$$&('% 

1 -1 1 4 4 UIParent 0.0 0.0 -1 ##$# 

2 -1 1 2 2 UIParent 0.0 0.0 -1 ##$# 

3 0 1 0 0 UIParent 4.0 -4.0 -1 $#3# 

3 1 1 0 0 UIParent 250.0 -4.0 -1 %#3# 

3 2 1 0 0 TargetFrame 250.0 -240.0 -1 %#&#3# 

3 3 1 0 2 CompactRaidFrameManager 0.0 -7.0 -1 '#(#)#-#.#/#1$3# 

3 4 1 0 2 CompactRaidFrameManager 0.0 -5.0 -1 ,#-#.#/#0#1#2( 

3 5 1 5 5 UIParent 0.0 0.0 -1 &#*$3# 

3 6 1 5 5 UIParent 0.0 0.0 -1 3# 

4 -1 1 7 1 MainMenuBar 0.0 5.0 -1 # 

5 -1 1 6 0 MainMenuBar 0.0 5.0 -1 # 

6 0 1 2 0 MinimapCluster -10.0 -10.0 -1 ##$#%#&.(()(*# 

6 1 1 2 8 BuffFrame -13.0 -15.0 -1 ##$#%#'+(()(*# 

7 -1 1 6 0 MainMenuBar 0.0 5.0 -1 # 

8 -1 1 6 6 UIParent 35.0 50.0 -1 #'$A%$&7 

9 -1 1 6 0 MainMenuBar 0.0 5.0 -1 # 

10 -1 1 0 0 UIParent 16.0 -116.0 -1 # 

11 -1 1 8 8 UIParent -9.0 85.0 -1 # 

12 -1 1 2 2 UIParent -110.0 -275.0 -1 #K



각 구성 요소는 0에서 12까지로 분류되어 있고, 0번과 3번, 6번 요소는 또 여러 요소로 나뉘어 있습니다.

하위 요소가 없는 경우는 두번째 자릿수가 -1로 채워져 있죠.

세 번째 자릿수는 1 또는 0으로 표기되며, 기본 설정에서 위치 변경이 되지 않았다면 1, 변경되었다면 0으로 표기됩니다.

네번째와 다섯번째 자릿수는 내부적으로 정해진 화면의 기준점 X, Y로 추측하고 있는데 정확하진 않습니다.

여섯번째에 있는 영문은 기준점이 되는 구성 요소의 이름이며, 그 뒤로 X값과 Y값이 들어갑니다.

앞에 명시된 기준점 영역을 기준으로 위치가 정해지는 경우는 UIParent,

다른 구성 요소의 위치를 기준으로 연결하는 경우는 해당 요소의 이름이 들어갑니다.

예를 들어 MinimapCluster -10.0 -10.0 이라면, 미니맵을 기준으로 왼쪽 10픽셀, 아래 10픽셀 되는 위치를 뜻합니다.

X값은 음수가 왼쪽, 양수가 오른쪽이며 Y값은 음수가 아래쪽, 양수가 위쪽입니다.

위치값 이후에 -1로 구분값을 더해주고 그 뒤부터 해당 구성 요소의 옵션값이 표기됩니다.

옵션값들은 체크박스값 기준 체크안함 #, 체크함 $으로 표기됩니다.

선택 박스 값 기준으로는 위에서 아래로 선택된 항목을 #$%&로 표기합니다.

크기값은 *()-+K를 쓰는데, 이건 내부적으로 저장되는 값이 따로 있는 것 같아요.

이런 값들은 코드로 적기보다는 게임 내 화면에서 직접 보고 설정하는 것이 쉬우니까 크게 신경쓰지 않아도 됩니다.

1픽셀의 흐트러짐도 용납할 수 없는 완벽주의자, 상황에 따라 유동적으로 움직이는 화면을 원하는 경우라면 직접 수정이 필요하겠죠?

아래를 참고하여 각 구성 요소의 코드(순서)와 이름을 파악하고 수정해 보세요. 

- 행동단축바 1 : 0 0 / MainMenuBar

- 행동단축바 2 : 0 1 / MultiBarBottomLeft

- 행동단축바 3 : 0 2 / MultiBarBottomRight

- 행동단축바 4 : 0 3 / MultiBarRight

- 행동단축바 5 : 0 4 / MultiBarLeft

- 행동단축바 6 : 0 5 / MultiBar5

- 행동단축바 7 : 0 6 / MultiBar6

- 행동단축바 8 : 0 7 / MultiBar7

- 태세 막대 : 0 10 / StanceBar

- 소환수 단축바 : 0 11 / PetActionBar

- 행동단축바 조정 : 0 12 / PossessActionBar

- 시전바 : 1 -1 / PlayerCastingBarFrame

- 미니맵 : 2 -1 / MinimapCluster

- 플레이어 : 3 0 / PlayerFrame

- 대상 : 3 1 / TargetFrame

- 주시대상 : 3 2 / FocusFrame

- 파티 : 3 3 / PartyFrame

- 공격대 : 3 4 / CompactRaidFrameContainer

- 우두머리 개체창 : 3 5 / BossTargetFrameContainer

- 투기장 개체창 : 3 6 / ArenaEnemyFramesContainer

- 전투 막대 : 4 -1 / EncounterBar

- 추가 능력 : 5 -1 / ExtraAbilityContainer

- 강화효과 : 6 0 / BuffFrame

- 약화효과 : 6 1 / DebuffFrame

- 말머리 : 7 -1 / TalkingHeadFrame

- 채팅창 : 8 -1 / ChatFrame1

- 탈것 내리기 : 9 -1 / MainMenuBarVehicleLeaveButton

- 전리품 창 : 10 -1 / LootFrame

- HUD 툴팁 : 11 -1 / GameTooltipDefaultContainer

- 목표 추적기 : 12 -1 / ObjectiveTrackerFrame 

- UIParent : 화면 기준점

- CompactRaidFrameManager : 파티/공격대 매니저(화면 왼쪽 접이식 박스)