# 제목 : moreitem 모드 사용자를 위한 아이템 주요 옵션 정보 사이드바 모듈
# 분류 : D2R MODS
# 빌드 : 3.2.92777 - 최종수정 2026.06.26
# 제작자 : 추가아이템
# 변경제작자 : 공개거부
# 모든 권한은 각 제작자에게 있으며 CC BY-NC 4.0 DEED 규정을 준수합니다.
# moreitem 모드을 제외한 패키지에 포함시켜 무단으로 재배포 하는 것을 금지합니다.
# 패키지 포함이 아닌 단독 수정 배포는 자유입니다.
=========================================
# 2026.06.26
# 기능 및 변경 사항 요약 :
- 본 모듈은 추가아이템님의 moreitem MODS 통합팩 정보를 기반으로 제작됐습니다.
- 인벤토리를 열지 않고도 사이드바에서 아이템 주요 옵션 정보들을 확인할 수 있습니다
- 인벤토리 패널에 도킹바 이미지 삭제
- 화면 우측 끝에 마우스 오버 시 사이드바와 툴팁 표시
- 사이드바에 포함 된 아이콘에 마우스 오버 시 아이템 주요 옵션 정보 툴팁 표시
- 사이드바 클릭 시 사이드바 표시 고정 및 고정 해제
# 예시 이미지
=========================================
# 첨부 파일 목록
../global/ui/layouts/hudpanelhd.json
../global/ui/layouts/sideBarFixhd.json
../global/ui/layouts/sideBarhd.json
../global/ui/layouts/sideBarOverhd.json
../hd/global/ui/panel/docking_bar/sidepanel_r.sprite
../hd/global/ui/panel/docking_bar/sidepanel_r.lowend.sprite
../hd/global/ui/panel/Info+/sideBar.sprite
../hd/global/ui/panel/Info+/sideBar.lowend.sprite
../hd/global/ui/panel/Info+/sideBar2.sprite
../hd/global/ui/panel/Info+/sideBar2.lowend.sprite
=========================================
# 모더용 설명:
1. 사이드바 이미지로 사용할 sideBar.sprite 파일에 프레임을 2개로 나누고 0번 프레임을 투명하게, 1번 프레임은 배경과 아이템 아이콘이 합쳐진 이미지를 만듭니다.
2. 사이드바를 버튼 위젯으로 추가.
../global/ui/layouts/sideBarhd.json
{
"type" : "Panel",
"name" : "sideBar",
"fields" : {
"priority": 103, // sideBarFixhd.json 를 토글 하므로 sideBarFixhd.json 보다 높아야 하고 마우스 오버 영역을 가리지 않도록
sideBarOverhd.json 보다는 낮아야 함.
"anchor" : {"x": 1},
"rect" : {"x": -160, "height": 2160}
},
"children": [
{
"type" : "ButtonWidget",
"name" : "sideBarButton",
"fields": {
"rect" : {"scale": 2}, // 용량을 줄이기 위해 이미지를 작게 만들고 2배 확대
"filename" : "panel/Info+/sideBar",
"onClickMessage" : "PanelManager:TogglePanel:sideBarFix", // 클릭 시 사이드바 표시 고정 또는 해제 하는 패널을 호출.
"hoveredFrame": 1, // 마우스 오버 시 1번 프레임을 표시
"sound" : "select"
}
}
]
}
3. 사이드바 표시를 고정할 패널
../global/ui/layouts/sideBarFixhd.json.json
{
"type" : "Panel",
"name" : "sideBarFix",
"fields" : {
"priority": 102, // 사이드바 고정 시 보여질 배경 이미지 패널이므로 sideBarhd.json 보다 낮아야 함.
"anchor" : {"x": 1},
"rect" : {"x": -160, "height": 2160}
},
"children": [
{
"type" : "ButtonWidget",
"name" : "sideBarButtonBG",
"fields": {
"rect" : {"scale": 2},
"filename" : "panel/Info+/sideBar",
"normalFrame": 1 // 사이드바 고정 시 1번 프레임을 표시, 지정하지 않을 경우 0번 프레임 표시.
}
}
]
}
4. 마우스 오버 시 표시되는 내용
../global/ui/layouts/sideBarOverhd.json
{
"type" : "Panel",
"name" : "sideBarOver",
"fields" : {
"priority": 104, // 마우스 오버 영역을 지정하므로 배경 이미지에 가려지지 않도록 sideBarhd.json 보다 높아야 함.
"anchor" : {"x": 1},
"rect" : {"x": -160, "height": 2160}
},
"children": [
{
"type" : "Widget",
"name" : "quick_help",
"fields" : { "anchor": {"y": 0.12}, "rect": {"x": 50, "y": 0} },
"children": [
{
"type" : "ImageWidget",
"name" : "",
"fields" : {
"rect" : {"x": 0, "y": 80, "scale": 2},
"filename": "panel/Info+/sideBar2" // 투명한 이미지 파일
},
"children": [
{
"type" : "FocusableWidget",
"name" : "",
"fields": {
"fitToParent": true,
"tooltipString": "@cp▶ 작은 부적 (스몰참) 주요 옵션 일람@cunn주요 접두사@c5n *@cx 붉은색@c5:@c3 최소 피해@c0 +1@c5 <90>n *@cx 톱날의@c5:@c3 최대 피해@c0 +1@c5 <81>n @c2*@cx 우수한@c5:@c3 최대 피해@c0 +1~+3@c5,@c3 명중률@c0 +10~+20@c5 <28>n *@cx 강철의@c5:@c3 명중률@c0 +25~+36@c5 <57>n *@cx 불타오르는@c5:@cC 화염 피해@c0 19 - 29@cC 추가@c5 <89>n *@cx 충격적인@c5:@c9 번개 피해@c0 1 - 71@c9 추가@c5 <90>n *@cx 동절의@c5:@cB 냉기 피해@c0 10 - 20@cB 추가@c5 <91>n *@cx 질병의@c5:@ca 독 피해@c0 +175@c5 (6초에 걸쳐) <88>n *@cx 건장한@c5:@c3 방어력@c0 +20~+30@c5 <48>n @c2*@cx 구렁이의@c5:@cv 마나@c0 +13~+17@c5 <48>n @c2*@cx 반짝이는@c5:@c8 모든 저항@c0 +3~+5@c5 <33>n *@cx 사파이어색@c5:@cB 냉기 저항@c0 +10~+11%@c5 <40>n @c2*@cx 호박색@c5:@c9 번개 저항@c0 +10~+11%@c5 <40>n *@cx 루비색@c5:@cC 화염 저항@c0 +10~+11%@c5 <40>n @c2*@cx 에메랄드색@c5:@ca 독 저항@c0 +10~+11%@c5 <40>@cunn주요 접미사@c5n @c2*@cx 관성의@c5:@cx 달리기/걷기 속도@c0 +3%@c5 <35>n *@cx 균형의@c5:@cx 타격 회복 속도@c0 +5%@c5 <37>n *@cx 세공술의@c5:@c3 최대 피해@c0 +1@c5 <85>n *@cx 소각의@c5:@cC 화염 피해@c0 7 - 13@cC 추가@c5 <45>n *@cx 폭풍의@c5:@c9 번개 피해@c0 1 - 28@c9 추가@c5 <45>n *@cx 겨울의@c5:@cB 냉기 피해@c0 5 - 9@cB 추가@c5 <46>n *@cx 탄저병의@c5:@ca 독 피해@c0 +50@c5 (6초에 걸쳐) <44>n @c2*@cx 힘의@c5:@c9 힘@c0 +2@c5 <22>n *@cx 민첩의@c5:@c9 민첩@c0 +2@c5 <22>n @c2*@cx 활기의@c5:@c1 생명력@c0 +16~+20@c5 <47>n *@cx 욕심의@c5:@c2 괴물에게서 얻는 금화@c0 1~10%@c2 증가@c5 <1>n @c2*@cx 대운의@c5:@c2 마법 아이템 발견 확률@c0 6~7%@c2 증가@c5 <47>@c0nn@c5※ < >@c0 속의 숫자는 해당 접사의 ilvl 입니다.n@c5※@c3 매직 작은 부적@c0에는 접두사와 접미사가 각각 한 종류씩만 붙음.",
"tooltipStyle": "$StyHlpTt"
}
}
]
},
... 이하 생략 ...
아이템 이미지는 배경 이미지와 합쳐져 있기 때문에
여기에서 사용되는 투명 이미지는 툴팁을 표시하기 위한
마우스 오버 영역을 지정하는 목적으로만 사용합니다.
5. 타이머 위젯을 이용해 위에서 만든 패널들을 호출합니다.
../global/ui/layouts/hudpanelhd.json
... 이상 생략 ...
},
// Info+ SideBar Module Start
{
"type" : "TimerWidget",
"name" : "T_sideBar",
"fields": {"time": 0.002, "message": "PanelManager:OpenPanel:sideBar"}
},
{
"type" : "TimerWidget",
"name" : "T_sideBarOver",
"fields": {"time": 0.003, "message": "PanelManager:OpenPanel:sideBarOver"}
}
// Info+ SideBar Module End
]
}
게임 진입 시 자동으로 호출하도록 hudpanelhd.json 파일에 위 내용을 추가합니다.
6. 요약: 마우스 오버 영역을 지정할 아이콘 크기의 투명한 이미지를 미리 고정해 놓고 마우스를 가져가면 아이콘이 포함된 배경 이미지를 보여주는 방식입니다.
7. 응용: 마우스를 올리면 툴팁만 표시하는 형태지만 버튼 위젯으로 바꾸면
툴팁과 버튼 기능을 동시에 사용하게 됩니다.
화면에 버튼을 많이 빼놓고 사용하는 분들은 이걸 이용해
버튼을 투명하게 해놓고 필요 시에만 마우스 오버로 표시하는 것이 가능합니다.
ps. Tuluhan님께서 배경 이미지를 예쁘게 만들어 주시면
참 좋겠다는 생각을 해봅니다.(너 내 노예가 돼라!)
공개거부
