fix(node-map): 루트 불투명 다크 배경 + BgImage 자식(스프라이트 RUID만 렌더)

메이플 BackgroundComponent 리소스는 UI 스프라이트로 안 떠서 배경 이미지 미표시 → 루트를 불투명 다크로 깔아 월드 누출 방지, BgImage 자식에 background RUID(유효 스프라이트면 표시). 노드 아이콘·상태 틴트는 정상 검증.
This commit is contained in:
2026-06-15 14:35:38 +09:00
parent 5b41eb78a4
commit b1d0af311a
2 changed files with 22 additions and 20 deletions

View File

@@ -1681,22 +1681,24 @@ function upsertUi() {
displayOrder: 7, displayOrder: 7,
components: [ components: [
transform({ parentW: 1920, parentH: 1080, anchor: { x: 0.5, y: 0.5 }, pivot: { x: 0.5, y: 0.5 }, size: { x: 1920, y: 1080 }, pos: { x: 0, y: 0 }, align: ALIGN_CENTER }), transform({ parentW: 1920, parentH: 1080, anchor: { x: 0.5, y: 0.5 }, pivot: { x: 0.5, y: 0.5 }, size: { x: 1920, y: 1080 }, pos: { x: 0, y: 0 }, align: ALIGN_CENTER }),
sprite({ dataId: NODEICONS.background, color: { r: 1, g: 1, b: 1, a: 1 }, type: 0, raycast: false }), // 불투명 다크 배경(게임 월드 가림 보장). 그 위 BgImage 자식이 배경 스프라이트를 얹는다.
sprite({ color: { r: 0.06, g: 0.07, b: 0.11, a: 1 }, type: 1, raycast: true }),
], ],
}); });
mapHud.jsonString.enable = false; mapHud.jsonString.enable = false;
map.push(mapHud); map.push(mapHud);
// 배경 위 반투명 어두운 오버레이(노드 가독성). displayOrder 0 = 도트(1)·타이틀(2)·노드(5) 아래. // 배경 이미지(displayOrder 0 = 도트/타이틀/노드 아래). nodeicons.json background는 SPRITE RUID여야 렌더됨
// — 메이플 BackgroundComponent 리소스는 UI 스프라이트로 안 뜬다. 유효 스프라이트면 풀스크린 표시, 아니면 투명(다크 배경 노출).
map.push(entity({ map.push(entity({
id: guid('map', 990), id: guid('map', 990),
path: '/ui/DefaultGroup/MapHud/Overlay', path: '/ui/DefaultGroup/MapHud/BgImage',
modelId: 'uisprite', modelId: 'uisprite',
entryId: 'UISprite', entryId: 'UISprite',
componentNames: 'MOD.Core.UITransformComponent,MOD.Core.SpriteGUIRendererComponent', componentNames: 'MOD.Core.UITransformComponent,MOD.Core.SpriteGUIRendererComponent',
displayOrder: 0, displayOrder: 0,
components: [ components: [
transform({ parentW: 1920, parentH: 1080, anchor: { x: 0.5, y: 0.5 }, pivot: { x: 0.5, y: 0.5 }, size: { x: 1920, y: 1080 }, pos: { x: 0, y: 0 }, align: ALIGN_CENTER }), transform({ parentW: 1920, parentH: 1080, anchor: { x: 0.5, y: 0.5 }, pivot: { x: 0.5, y: 0.5 }, size: { x: 1920, y: 1080 }, pos: { x: 0, y: 0 }, align: ALIGN_CENTER }),
sprite({ color: { r: 0.04, g: 0.05, b: 0.09, a: 0.5 }, type: 1, raycast: true }), sprite({ dataId: NODEICONS.background, color: { r: 1, g: 1, b: 1, a: 1 }, type: 0, raycast: false }),
], ],
})); }));
map.push(entity({ map.push(entity({

View File

@@ -34727,7 +34727,7 @@
"AnimClipPlayType": 0, "AnimClipPlayType": 0,
"EndFrameIndex": 2147483647, "EndFrameIndex": 2147483647,
"ImageRUID": { "ImageRUID": {
"DataId": "d84241f17de344a097f5b96ac914f1d2" "DataId": ""
}, },
"LocalPosition": { "LocalPosition": {
"x": 0, "x": 0,
@@ -34742,9 +34742,9 @@
"PreserveSprite": 0, "PreserveSprite": 0,
"StartFrameIndex": 0, "StartFrameIndex": 0,
"Color": { "Color": {
"r": 1, "r": 0.06,
"g": 1, "g": 0.07,
"b": 1, "b": 0.11,
"a": 1 "a": 1
}, },
"DropShadow": false, "DropShadow": false,
@@ -34774,8 +34774,8 @@
"a": 1 "a": 1
}, },
"OutlineWidth": 3, "OutlineWidth": 3,
"RaycastTarget": false, "RaycastTarget": true,
"Type": 0, "Type": 1,
"Enable": true "Enable": true
} }
], ],
@@ -34784,11 +34784,11 @@
}, },
{ {
"id": "0cd003de-0000-4000-8000-00000cd003de", "id": "0cd003de-0000-4000-8000-00000cd003de",
"path": "/ui/DefaultGroup/MapHud/Overlay", "path": "/ui/DefaultGroup/MapHud/BgImage",
"componentNames": "MOD.Core.UITransformComponent,MOD.Core.SpriteGUIRendererComponent", "componentNames": "MOD.Core.UITransformComponent,MOD.Core.SpriteGUIRendererComponent",
"jsonString": { "jsonString": {
"name": "Overlay", "name": "BgImage",
"path": "/ui/DefaultGroup/MapHud/Overlay", "path": "/ui/DefaultGroup/MapHud/BgImage",
"nameEditable": true, "nameEditable": true,
"enable": true, "enable": true,
"visible": true, "visible": true,
@@ -34868,7 +34868,7 @@
"AnimClipPlayType": 0, "AnimClipPlayType": 0,
"EndFrameIndex": 2147483647, "EndFrameIndex": 2147483647,
"ImageRUID": { "ImageRUID": {
"DataId": "" "DataId": "d84241f17de344a097f5b96ac914f1d2"
}, },
"LocalPosition": { "LocalPosition": {
"x": 0, "x": 0,
@@ -34883,10 +34883,10 @@
"PreserveSprite": 0, "PreserveSprite": 0,
"StartFrameIndex": 0, "StartFrameIndex": 0,
"Color": { "Color": {
"r": 0.04, "r": 1,
"g": 0.05, "g": 1,
"b": 0.09, "b": 1,
"a": 0.5 "a": 1
}, },
"DropShadow": false, "DropShadow": false,
"DropShadowAngle": 30, "DropShadowAngle": 30,
@@ -34915,8 +34915,8 @@
"a": 1 "a": 1
}, },
"OutlineWidth": 3, "OutlineWidth": 3,
"RaycastTarget": true, "RaycastTarget": false,
"Type": 1, "Type": 0,
"Enable": true "Enable": true
} }
], ],