444 lines
17 KiB
JSON
444 lines
17 KiB
JSON
{
|
|
"schemaVersion": 1,
|
|
"prefabName": "UI_VirtualActionPad",
|
|
"prefabPath": "Assets/Game/Art/UI/Prefab/UI_VirtualActionPad.prefab",
|
|
"description": "Reusable MOBA-style action pad with one primary button and four secondary buttons. Runtime consumers subscribe to VirtualActionPad pure input events.",
|
|
"canvas": {
|
|
"canvasScaler": {
|
|
"referenceResolution": [2048, 1024],
|
|
"matchWidthOrHeight": 0.5
|
|
}
|
|
},
|
|
"assets": {
|
|
"sprites": {
|
|
"btn_primary_normal": "Assets/Game/Art/UI/Texture/Common/btn_primary_normal.png",
|
|
"btn_primary_hover": "Assets/Game/Art/UI/Texture/Common/btn_primary_hover.png",
|
|
"btn_primary_pressed": "Assets/Game/Art/UI/Texture/Common/btn_primary_pressed.png",
|
|
"btn_primary_disabled": "Assets/Game/Art/UI/Texture/Common/btn_primary_disabled.png",
|
|
"btn_small_normal": "Assets/Game/Art/UI/Texture/Common/btn_small_normal.png",
|
|
"btn_small_hover": "Assets/Game/Art/UI/Texture/Common/btn_small_hover.png",
|
|
"btn_small_pressed": "Assets/Game/Art/UI/Texture/Common/btn_small_pressed.png",
|
|
"btn_small_disabled": "Assets/Game/Art/UI/Texture/Common/btn_small_disabled.png",
|
|
"ico_sword": "Assets/Game/Art/UI/Texture/Common/ico_sword.png",
|
|
"ico_shield": "Assets/Game/Art/UI/Texture/Common/ico_shield.png",
|
|
"ico_star": "Assets/Game/Art/UI/Texture/Common/ico_star.png",
|
|
"ico_heart": "Assets/Game/Art/UI/Texture/Common/ico_heart.png",
|
|
"ico_item": "Assets/Game/Art/UI/Texture/Common/ico_item.png",
|
|
"ui_overlay_dim": "Assets/Game/Art/UI/Texture/Common/ui_overlay_dim.png"
|
|
}
|
|
},
|
|
"nodes": [
|
|
{
|
|
"name": "UI_VirtualActionPad",
|
|
"parent": null,
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [1, 0],
|
|
"anchorMax": [1, 0],
|
|
"pivot": [1, 0],
|
|
"anchoredPosition": [-68, 72],
|
|
"sizeDelta": [500, 380]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "CanvasGroup",
|
|
"alpha": 0.98,
|
|
"interactable": true,
|
|
"blocksRaycasts": true
|
|
},
|
|
{
|
|
"type": "MonoBehaviour",
|
|
"typeName": "XGame.VirtualInput.VirtualActionPad"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "CancelArea",
|
|
"parent": "UI_VirtualActionPad",
|
|
"active": false,
|
|
"rect": {
|
|
"anchorMin": [0.5, 1],
|
|
"anchorMax": [0.5, 1],
|
|
"pivot": [0.5, 0.5],
|
|
"anchoredPosition": [-110, -42],
|
|
"sizeDelta": [172, 82]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "Image",
|
|
"sprite": "ui_overlay_dim",
|
|
"imageType": "Sliced",
|
|
"preserveAspect": false,
|
|
"raycastTarget": false,
|
|
"color": "#FF5B5BCC"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "CancelArea_Label",
|
|
"parent": "CancelArea",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [0, 0],
|
|
"anchorMax": [1, 1],
|
|
"pivot": [0.5, 0.5],
|
|
"anchoredPosition": [0, 0],
|
|
"sizeDelta": [0, 0]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "TextMeshProUGUI",
|
|
"text": "Cancel",
|
|
"fontSize": 26,
|
|
"fontStyle": "Bold",
|
|
"alignment": "Center",
|
|
"color": "#FFFFFFFF",
|
|
"raycastTarget": false
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Btn_Primary",
|
|
"parent": "UI_VirtualActionPad",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [1, 0],
|
|
"anchorMax": [1, 0],
|
|
"pivot": [0.5, 0.5],
|
|
"anchoredPosition": [-96, 96],
|
|
"sizeDelta": [132, 132]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "Image",
|
|
"sprite": "btn_primary_normal",
|
|
"imageType": "Sliced",
|
|
"preserveAspect": false,
|
|
"raycastTarget": true,
|
|
"color": "#FFFFFFFF"
|
|
},
|
|
{
|
|
"type": "Button",
|
|
"transition": "SpriteSwap",
|
|
"spriteHighlighted": "btn_primary_hover",
|
|
"spritePressed": "btn_primary_pressed",
|
|
"spriteDisabled": "btn_primary_disabled"
|
|
},
|
|
{
|
|
"type": "MonoBehaviour",
|
|
"typeName": "XGame.VirtualInput.VirtualActionButton"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Btn_Skill1",
|
|
"parent": "UI_VirtualActionPad",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [1, 0],
|
|
"anchorMax": [1, 0],
|
|
"pivot": [0.5, 0.5],
|
|
"anchoredPosition": [-244, 94],
|
|
"sizeDelta": [104, 104]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "Image",
|
|
"sprite": "btn_small_normal",
|
|
"imageType": "Sliced",
|
|
"preserveAspect": false,
|
|
"raycastTarget": true,
|
|
"color": "#FFFFFFFF"
|
|
},
|
|
{
|
|
"type": "Button",
|
|
"transition": "SpriteSwap",
|
|
"spriteHighlighted": "btn_small_hover",
|
|
"spritePressed": "btn_small_pressed",
|
|
"spriteDisabled": "btn_small_disabled"
|
|
},
|
|
{
|
|
"type": "MonoBehaviour",
|
|
"typeName": "XGame.VirtualInput.VirtualActionButton"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Btn_Skill2",
|
|
"parent": "UI_VirtualActionPad",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [1, 0],
|
|
"anchorMax": [1, 0],
|
|
"pivot": [0.5, 0.5],
|
|
"anchoredPosition": [-202, 220],
|
|
"sizeDelta": [104, 104]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "Image",
|
|
"sprite": "btn_small_normal",
|
|
"imageType": "Sliced",
|
|
"preserveAspect": false,
|
|
"raycastTarget": true,
|
|
"color": "#FFFFFFFF"
|
|
},
|
|
{
|
|
"type": "Button",
|
|
"transition": "SpriteSwap",
|
|
"spriteHighlighted": "btn_small_hover",
|
|
"spritePressed": "btn_small_pressed",
|
|
"spriteDisabled": "btn_small_disabled"
|
|
},
|
|
{
|
|
"type": "MonoBehaviour",
|
|
"typeName": "XGame.VirtualInput.VirtualActionButton"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Btn_Skill3",
|
|
"parent": "UI_VirtualActionPad",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [1, 0],
|
|
"anchorMax": [1, 0],
|
|
"pivot": [0.5, 0.5],
|
|
"anchoredPosition": [-78, 242],
|
|
"sizeDelta": [104, 104]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "Image",
|
|
"sprite": "btn_small_normal",
|
|
"imageType": "Sliced",
|
|
"preserveAspect": false,
|
|
"raycastTarget": true,
|
|
"color": "#FFFFFFFF"
|
|
},
|
|
{
|
|
"type": "Button",
|
|
"transition": "SpriteSwap",
|
|
"spriteHighlighted": "btn_small_hover",
|
|
"spritePressed": "btn_small_pressed",
|
|
"spriteDisabled": "btn_small_disabled"
|
|
},
|
|
{
|
|
"type": "MonoBehaviour",
|
|
"typeName": "XGame.VirtualInput.VirtualActionButton"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Btn_Skill4",
|
|
"parent": "UI_VirtualActionPad",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [1, 0],
|
|
"anchorMax": [1, 0],
|
|
"pivot": [0.5, 0.5],
|
|
"anchoredPosition": [-328, 210],
|
|
"sizeDelta": [88, 88]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "Image",
|
|
"sprite": "btn_small_normal",
|
|
"imageType": "Sliced",
|
|
"preserveAspect": false,
|
|
"raycastTarget": true,
|
|
"color": "#FFFFFFFF"
|
|
},
|
|
{
|
|
"type": "Button",
|
|
"transition": "SpriteSwap",
|
|
"spriteHighlighted": "btn_small_hover",
|
|
"spritePressed": "btn_small_pressed",
|
|
"spriteDisabled": "btn_small_disabled"
|
|
},
|
|
{
|
|
"type": "MonoBehaviour",
|
|
"typeName": "XGame.VirtualInput.VirtualActionButton"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Primary_Icon",
|
|
"parent": "Btn_Primary",
|
|
"active": true,
|
|
"rect": { "anchorMin": [0.5, 0.5], "anchorMax": [0.5, 0.5], "pivot": [0.5, 0.5], "anchoredPosition": [0, 4], "sizeDelta": [72, 72] },
|
|
"components": [{ "type": "Image", "sprite": "ico_sword", "imageType": "Simple", "preserveAspect": true, "raycastTarget": false, "color": "#FFFFFFFF" }]
|
|
},
|
|
{
|
|
"name": "Skill1_Icon",
|
|
"parent": "Btn_Skill1",
|
|
"active": true,
|
|
"rect": { "anchorMin": [0.5, 0.5], "anchorMax": [0.5, 0.5], "pivot": [0.5, 0.5], "anchoredPosition": [0, 4], "sizeDelta": [56, 56] },
|
|
"components": [{ "type": "Image", "sprite": "ico_shield", "imageType": "Simple", "preserveAspect": true, "raycastTarget": false, "color": "#FFFFFFFF" }]
|
|
},
|
|
{
|
|
"name": "Skill2_Icon",
|
|
"parent": "Btn_Skill2",
|
|
"active": true,
|
|
"rect": { "anchorMin": [0.5, 0.5], "anchorMax": [0.5, 0.5], "pivot": [0.5, 0.5], "anchoredPosition": [0, 4], "sizeDelta": [56, 56] },
|
|
"components": [{ "type": "Image", "sprite": "ico_star", "imageType": "Simple", "preserveAspect": true, "raycastTarget": false, "color": "#FFFFFFFF" }]
|
|
},
|
|
{
|
|
"name": "Skill3_Icon",
|
|
"parent": "Btn_Skill3",
|
|
"active": true,
|
|
"rect": { "anchorMin": [0.5, 0.5], "anchorMax": [0.5, 0.5], "pivot": [0.5, 0.5], "anchoredPosition": [0, 4], "sizeDelta": [56, 56] },
|
|
"components": [{ "type": "Image", "sprite": "ico_heart", "imageType": "Simple", "preserveAspect": true, "raycastTarget": false, "color": "#FFFFFFFF" }]
|
|
},
|
|
{
|
|
"name": "Skill4_Icon",
|
|
"parent": "Btn_Skill4",
|
|
"active": true,
|
|
"rect": { "anchorMin": [0.5, 0.5], "anchorMax": [0.5, 0.5], "pivot": [0.5, 0.5], "anchoredPosition": [0, 3], "sizeDelta": [48, 48] },
|
|
"components": [{ "type": "Image", "sprite": "ico_item", "imageType": "Simple", "preserveAspect": true, "raycastTarget": false, "color": "#FFFFFFFF" }]
|
|
},
|
|
{
|
|
"name": "Primary_CooldownMask",
|
|
"parent": "Btn_Primary",
|
|
"active": false,
|
|
"rect": { "anchorMin": [0, 0], "anchorMax": [1, 1], "pivot": [0.5, 0.5], "anchoredPosition": [0, 0], "sizeDelta": [0, 0] },
|
|
"components": [{ "type": "Image", "sprite": "ui_overlay_dim", "imageType": "Sliced", "preserveAspect": false, "raycastTarget": false, "color": "#0B1724AA" }]
|
|
},
|
|
{
|
|
"name": "Skill1_CooldownMask",
|
|
"parent": "Btn_Skill1",
|
|
"active": false,
|
|
"rect": { "anchorMin": [0, 0], "anchorMax": [1, 1], "pivot": [0.5, 0.5], "anchoredPosition": [0, 0], "sizeDelta": [0, 0] },
|
|
"components": [{ "type": "Image", "sprite": "ui_overlay_dim", "imageType": "Sliced", "preserveAspect": false, "raycastTarget": false, "color": "#0B1724AA" }]
|
|
},
|
|
{
|
|
"name": "Skill2_CooldownMask",
|
|
"parent": "Btn_Skill2",
|
|
"active": false,
|
|
"rect": { "anchorMin": [0, 0], "anchorMax": [1, 1], "pivot": [0.5, 0.5], "anchoredPosition": [0, 0], "sizeDelta": [0, 0] },
|
|
"components": [{ "type": "Image", "sprite": "ui_overlay_dim", "imageType": "Sliced", "preserveAspect": false, "raycastTarget": false, "color": "#0B1724AA" }]
|
|
},
|
|
{
|
|
"name": "Skill3_CooldownMask",
|
|
"parent": "Btn_Skill3",
|
|
"active": false,
|
|
"rect": { "anchorMin": [0, 0], "anchorMax": [1, 1], "pivot": [0.5, 0.5], "anchoredPosition": [0, 0], "sizeDelta": [0, 0] },
|
|
"components": [{ "type": "Image", "sprite": "ui_overlay_dim", "imageType": "Sliced", "preserveAspect": false, "raycastTarget": false, "color": "#0B1724AA" }]
|
|
},
|
|
{
|
|
"name": "Skill4_CooldownMask",
|
|
"parent": "Btn_Skill4",
|
|
"active": false,
|
|
"rect": { "anchorMin": [0, 0], "anchorMax": [1, 1], "pivot": [0.5, 0.5], "anchoredPosition": [0, 0], "sizeDelta": [0, 0] },
|
|
"components": [{ "type": "Image", "sprite": "ui_overlay_dim", "imageType": "Sliced", "preserveAspect": false, "raycastTarget": false, "color": "#0B1724AA" }]
|
|
},
|
|
{
|
|
"name": "Primary_CooldownText",
|
|
"parent": "Btn_Primary",
|
|
"active": false,
|
|
"rect": { "anchorMin": [0, 0], "anchorMax": [1, 1], "pivot": [0.5, 0.5], "anchoredPosition": [0, 0], "sizeDelta": [0, 0] },
|
|
"components": [{ "type": "TextMeshProUGUI", "text": "", "fontSize": 34, "fontStyle": "Bold", "alignment": "Center", "color": "#FFFFFFFF", "raycastTarget": false }]
|
|
},
|
|
{
|
|
"name": "Primary_ChargeText",
|
|
"parent": "Btn_Primary",
|
|
"active": false,
|
|
"rect": { "anchorMin": [1, 0], "anchorMax": [1, 0], "pivot": [1, 0], "anchoredPosition": [-8, 8], "sizeDelta": [42, 30] },
|
|
"components": [{ "type": "TextMeshProUGUI", "text": "", "fontSize": 24, "fontStyle": "Bold", "alignment": "Center", "color": "#FFE27AFF", "raycastTarget": false }]
|
|
},
|
|
{
|
|
"name": "Primary_AimIndicator",
|
|
"parent": "Btn_Primary",
|
|
"active": false,
|
|
"rect": { "anchorMin": [0.5, 0.5], "anchorMax": [0.5, 0.5], "pivot": [0.5, 0], "anchoredPosition": [0, 0], "sizeDelta": [12, 118] },
|
|
"components": [{ "type": "Image", "sprite": "ui_overlay_dim", "imageType": "Sliced", "preserveAspect": false, "raycastTarget": false, "color": "#43B7F5AA" }]
|
|
},
|
|
{
|
|
"name": "Skill1_CooldownText",
|
|
"parent": "Btn_Skill1",
|
|
"active": false,
|
|
"rect": { "anchorMin": [0, 0], "anchorMax": [1, 1], "pivot": [0.5, 0.5], "anchoredPosition": [0, 0], "sizeDelta": [0, 0] },
|
|
"components": [{ "type": "TextMeshProUGUI", "text": "", "fontSize": 28, "fontStyle": "Bold", "alignment": "Center", "color": "#FFFFFFFF", "raycastTarget": false }]
|
|
},
|
|
{
|
|
"name": "Skill1_ChargeText",
|
|
"parent": "Btn_Skill1",
|
|
"active": false,
|
|
"rect": { "anchorMin": [1, 0], "anchorMax": [1, 0], "pivot": [1, 0], "anchoredPosition": [-6, 6], "sizeDelta": [36, 26] },
|
|
"components": [{ "type": "TextMeshProUGUI", "text": "", "fontSize": 20, "fontStyle": "Bold", "alignment": "Center", "color": "#FFE27AFF", "raycastTarget": false }]
|
|
},
|
|
{
|
|
"name": "Skill1_AimIndicator",
|
|
"parent": "Btn_Skill1",
|
|
"active": false,
|
|
"rect": { "anchorMin": [0.5, 0.5], "anchorMax": [0.5, 0.5], "pivot": [0.5, 0], "anchoredPosition": [0, 0], "sizeDelta": [10, 98] },
|
|
"components": [{ "type": "Image", "sprite": "ui_overlay_dim", "imageType": "Sliced", "preserveAspect": false, "raycastTarget": false, "color": "#43B7F5AA" }]
|
|
},
|
|
{
|
|
"name": "Skill2_CooldownText",
|
|
"parent": "Btn_Skill2",
|
|
"active": false,
|
|
"rect": { "anchorMin": [0, 0], "anchorMax": [1, 1], "pivot": [0.5, 0.5], "anchoredPosition": [0, 0], "sizeDelta": [0, 0] },
|
|
"components": [{ "type": "TextMeshProUGUI", "text": "", "fontSize": 28, "fontStyle": "Bold", "alignment": "Center", "color": "#FFFFFFFF", "raycastTarget": false }]
|
|
},
|
|
{
|
|
"name": "Skill2_ChargeText",
|
|
"parent": "Btn_Skill2",
|
|
"active": false,
|
|
"rect": { "anchorMin": [1, 0], "anchorMax": [1, 0], "pivot": [1, 0], "anchoredPosition": [-6, 6], "sizeDelta": [36, 26] },
|
|
"components": [{ "type": "TextMeshProUGUI", "text": "", "fontSize": 20, "fontStyle": "Bold", "alignment": "Center", "color": "#FFE27AFF", "raycastTarget": false }]
|
|
},
|
|
{
|
|
"name": "Skill2_AimIndicator",
|
|
"parent": "Btn_Skill2",
|
|
"active": false,
|
|
"rect": { "anchorMin": [0.5, 0.5], "anchorMax": [0.5, 0.5], "pivot": [0.5, 0], "anchoredPosition": [0, 0], "sizeDelta": [10, 98] },
|
|
"components": [{ "type": "Image", "sprite": "ui_overlay_dim", "imageType": "Sliced", "preserveAspect": false, "raycastTarget": false, "color": "#43B7F5AA" }]
|
|
},
|
|
{
|
|
"name": "Skill3_CooldownText",
|
|
"parent": "Btn_Skill3",
|
|
"active": false,
|
|
"rect": { "anchorMin": [0, 0], "anchorMax": [1, 1], "pivot": [0.5, 0.5], "anchoredPosition": [0, 0], "sizeDelta": [0, 0] },
|
|
"components": [{ "type": "TextMeshProUGUI", "text": "", "fontSize": 28, "fontStyle": "Bold", "alignment": "Center", "color": "#FFFFFFFF", "raycastTarget": false }]
|
|
},
|
|
{
|
|
"name": "Skill3_ChargeText",
|
|
"parent": "Btn_Skill3",
|
|
"active": false,
|
|
"rect": { "anchorMin": [1, 0], "anchorMax": [1, 0], "pivot": [1, 0], "anchoredPosition": [-6, 6], "sizeDelta": [36, 26] },
|
|
"components": [{ "type": "TextMeshProUGUI", "text": "", "fontSize": 20, "fontStyle": "Bold", "alignment": "Center", "color": "#FFE27AFF", "raycastTarget": false }]
|
|
},
|
|
{
|
|
"name": "Skill3_AimIndicator",
|
|
"parent": "Btn_Skill3",
|
|
"active": false,
|
|
"rect": { "anchorMin": [0.5, 0.5], "anchorMax": [0.5, 0.5], "pivot": [0.5, 0], "anchoredPosition": [0, 0], "sizeDelta": [10, 98] },
|
|
"components": [{ "type": "Image", "sprite": "ui_overlay_dim", "imageType": "Sliced", "preserveAspect": false, "raycastTarget": false, "color": "#43B7F5AA" }]
|
|
},
|
|
{
|
|
"name": "Skill4_CooldownText",
|
|
"parent": "Btn_Skill4",
|
|
"active": false,
|
|
"rect": { "anchorMin": [0, 0], "anchorMax": [1, 1], "pivot": [0.5, 0.5], "anchoredPosition": [0, 0], "sizeDelta": [0, 0] },
|
|
"components": [{ "type": "TextMeshProUGUI", "text": "", "fontSize": 24, "fontStyle": "Bold", "alignment": "Center", "color": "#FFFFFFFF", "raycastTarget": false }]
|
|
},
|
|
{
|
|
"name": "Skill4_ChargeText",
|
|
"parent": "Btn_Skill4",
|
|
"active": false,
|
|
"rect": { "anchorMin": [1, 0], "anchorMax": [1, 0], "pivot": [1, 0], "anchoredPosition": [-5, 5], "sizeDelta": [32, 24] },
|
|
"components": [{ "type": "TextMeshProUGUI", "text": "", "fontSize": 18, "fontStyle": "Bold", "alignment": "Center", "color": "#FFE27AFF", "raycastTarget": false }]
|
|
},
|
|
{
|
|
"name": "Skill4_AimIndicator",
|
|
"parent": "Btn_Skill4",
|
|
"active": false,
|
|
"rect": { "anchorMin": [0.5, 0.5], "anchorMax": [0.5, 0.5], "pivot": [0.5, 0], "anchoredPosition": [0, 0], "sizeDelta": [8, 84] },
|
|
"components": [{ "type": "Image", "sprite": "ui_overlay_dim", "imageType": "Sliced", "preserveAspect": false, "raycastTarget": false, "color": "#43B7F5AA" }]
|
|
}
|
|
],
|
|
"bindings": [],
|
|
"events": []
|
|
}
|