From 998300f721edecb94db511637678bd2684bde90c Mon Sep 17 00:00:00 2001 From: panFD Date: Thu, 4 Jun 2026 21:12:12 +0800 Subject: [PATCH] =?UTF-8?q?feat(=E6=8A=80=E8=83=BDUI):=20=E6=B7=BB?= =?UTF-8?q?=E5=8A=A0=E6=8A=80=E8=83=BD=E5=86=B7=E5=8D=B4=E9=81=AE=E7=BD=A9?= =?UTF-8?q?=E6=98=BE=E7=A4=BA=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 为SkillBoxComp组件新增CD遮罩的初始化与帧更新逻辑，根据技能触发间隔动态计算冷却进度 调整多个技能相关预制体的布局，添加cd_mask精灵节点以支持冷却UI展示 优化部分技能框的UI排版与节点配置 --- assets/resources/gui/element/heromove.prefab | 24 +- assets/resources/gui/element/sbox.prefab | 238 +++++++++++++++++-- assets/resources/gui/role_controller.prefab | 41 ++-- assets/script/game/map/SkillBoxComp.ts | 21 ++ 4 files changed, 276 insertions(+), 48 deletions(-) diff --git a/assets/resources/gui/element/heromove.prefab b/assets/resources/gui/element/heromove.prefab index 32d66252..7d4dad91 100644 --- a/assets/resources/gui/element/heromove.prefab +++ b/assets/resources/gui/element/heromove.prefab @@ -99,7 +99,7 @@ }, "_lpos": { "__type__": "cc.Vec3", - "x": 200, + "x": 183.23, "y": 177, "z": 0 }, @@ -446,6 +446,8 @@ "__id__": 0 }, "fileId": "b7CXK9ttxDz5mrJpDB4qA4", + "instance": null, + "targetOverrides": null, "nestedPrefabInstanceRoots": null }, { @@ -476,7 +478,7 @@ "_lpos": { "__type__": "cc.Vec3", "x": 100, - "y": 200, + "y": 215.538, "z": 0 }, "_lrot": { @@ -781,8 +783,6 @@ "__id__": 0 }, "fileId": "adFmHHJ5BBAY0CazvLDgGw", - "instance": null, - "targetOverrides": null, "nestedPrefabInstanceRoots": null }, { @@ -822,6 +822,8 @@ "__id__": 0 }, "fileId": "36Na+WXPtJRbtR9UQnCyaj", + "instance": null, + "targetOverrides": null, "nestedPrefabInstanceRoots": null }, { @@ -852,7 +854,7 @@ "_lpos": { "__type__": "cc.Vec3", "x": 100, - "y": 117.776, + "y": 100.445, "z": 0 }, "_lrot": { @@ -1157,8 +1159,6 @@ "__id__": 0 }, "fileId": "96QFNOz55OyZEByIPMUwVi", - "instance": null, - "targetOverrides": null, "nestedPrefabInstanceRoots": null }, { @@ -1198,6 +1198,8 @@ "__id__": 0 }, "fileId": "06y3o47t5NjZX9yks6rQWL", + "instance": null, + "targetOverrides": null, "nestedPrefabInstanceRoots": null }, { @@ -1227,7 +1229,7 @@ }, "_lpos": { "__type__": "cc.Vec3", - "x": 0, + "x": 14.536, "y": 250, "z": 0 }, @@ -1574,6 +1576,8 @@ "__id__": 0 }, "fileId": "f2j7DYVutESIJc8Q7SiM91", + "instance": null, + "targetOverrides": null, "nestedPrefabInstanceRoots": null }, { @@ -1603,7 +1607,7 @@ }, "_lpos": { "__type__": "cc.Vec3", - "x": 0, + "x": 9.847, "y": 74.669, "z": 0 }, @@ -1950,6 +1954,8 @@ "__id__": 0 }, "fileId": "cdrD/D+WdDiZtHCrbPOfP7", + "instance": null, + "targetOverrides": null, "nestedPrefabInstanceRoots": null }, { diff --git a/assets/resources/gui/element/sbox.prefab b/assets/resources/gui/element/sbox.prefab index 469cbdc7..f301db39 100644 --- a/assets/resources/gui/element/sbox.prefab +++ b/assets/resources/gui/element/sbox.prefab @@ -41,19 +41,22 @@ }, { "__id__": 64 - } - ], - "_active": true, - "_components": [ - { - "__id__": 70 }, { "__id__": 72 } ], + "_active": true, + "_components": [ + { + "__id__": 78 + }, + { + "__id__": 80 + } + ], "_prefab": { - "__id__": 74 + "__id__": 82 }, "_lpos": { "__type__": "cc.Vec3", @@ -1265,11 +1268,13 @@ "__id__": 0 }, "fileId": "a33ReyWcpAoZY5ieotS6Ir", + "instance": null, + "targetOverrides": null, "nestedPrefabInstanceRoots": null }, { "__type__": "cc.Node", - "_name": "SkillFrame_01_Border_Blue", + "_name": "cdui", "_objFlags": 0, "__editorExtras__": {}, "_parent": { @@ -1297,6 +1302,181 @@ "y": 30, "z": 0 }, + "_lrot": { + "__type__": "cc.Quat", + "x": 0, + "y": 0, + "z": 0.7071067811865475, + "w": 0.7071067811865476 + }, + "_lscale": { + "__type__": "cc.Vec3", + "x": 1, + "y": 1, + "z": 1 + }, + "_mobility": 0, + "_layer": 1073741824, + "_euler": { + "__type__": "cc.Vec3", + "x": 0, + "y": 0, + "z": 90 + }, + "_id": "" + }, + { + "__type__": "cc.UITransform", + "_name": "", + "_objFlags": 0, + "__editorExtras__": {}, + "node": { + "__id__": 56 + }, + "_enabled": true, + "__prefab": { + "__id__": 58 + }, + "_contentSize": { + "__type__": "cc.Size", + "width": 56, + "height": 56 + }, + "_anchorPoint": { + "__type__": "cc.Vec2", + "x": 0.5, + "y": 0.5 + }, + "_id": "" + }, + { + "__type__": "cc.CompPrefabInfo", + "fileId": "8cuCMcJklDi6scy5fggLvA" + }, + { + "__type__": "cc.Sprite", + "_name": "", + "_objFlags": 0, + "__editorExtras__": {}, + "node": { + "__id__": 56 + }, + "_enabled": true, + "__prefab": { + "__id__": 60 + }, + "_customMaterial": null, + "_srcBlendFactor": 2, + "_dstBlendFactor": 4, + "_color": { + "__type__": "cc.Color", + "r": 0, + "g": 0, + "b": 0, + "a": 114 + }, + "_spriteFrame": { + "__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73@d8db6", + "__expectedType__": "cc.SpriteFrame" + }, + "_type": 3, + "_fillType": 2, + "_sizeMode": 0, + "_fillCenter": { + "__type__": "cc.Vec2", + "x": 0.5, + "y": 0.5 + }, + "_fillStart": 0, + "_fillRange": 0, + "_isTrimmedMode": true, + "_useGrayscale": false, + "_atlas": null, + "_id": "" + }, + { + "__type__": "cc.CompPrefabInfo", + "fileId": "cbySXykHtKaIF2cehy7c2w" + }, + { + "__type__": "cc.Widget", + "_name": "", + "_objFlags": 0, + "__editorExtras__": {}, + "node": { + "__id__": 56 + }, + "_enabled": true, + "__prefab": { + "__id__": 62 + }, + "_alignFlags": 45, + "_target": null, + "_left": 2, + "_right": 2, + "_top": 2, + "_bottom": 2, + "_horizontalCenter": 0, + "_verticalCenter": 0, + "_isAbsLeft": true, + "_isAbsRight": true, + "_isAbsTop": true, + "_isAbsBottom": true, + "_isAbsHorizontalCenter": true, + "_isAbsVerticalCenter": true, + "_originalWidth": 56, + "_originalHeight": 58, + "_alignMode": 2, + "_lockFlags": 0, + "_id": "" + }, + { + "__type__": "cc.CompPrefabInfo", + "fileId": "8bo+PVCiFGga4aZPi+w2yF" + }, + { + "__type__": "cc.PrefabInfo", + "root": { + "__id__": 1 + }, + "asset": { + "__id__": 0 + }, + "fileId": "b36dIBgWBNL7F+ZdA3AV7a", + "instance": null, + "targetOverrides": null, + "nestedPrefabInstanceRoots": null + }, + { + "__type__": "cc.Node", + "_name": "SkillFrame_01_Border_Blue", + "_objFlags": 0, + "__editorExtras__": {}, + "_parent": { + "__id__": 1 + }, + "_children": [], + "_active": true, + "_components": [ + { + "__id__": 65 + }, + { + "__id__": 67 + }, + { + "__id__": 69 + } + ], + "_prefab": { + "__id__": 71 + }, + "_lpos": { + "__type__": "cc.Vec3", + "x": 0, + "y": 30, + "z": 0 + }, "_lrot": { "__type__": "cc.Quat", "x": 0, @@ -1326,11 +1506,11 @@ "_objFlags": 0, "__editorExtras__": {}, "node": { - "__id__": 56 + "__id__": 64 }, "_enabled": true, "__prefab": { - "__id__": 58 + "__id__": 66 }, "_contentSize": { "__type__": "cc.Size", @@ -1354,11 +1534,11 @@ "_objFlags": 0, "__editorExtras__": {}, "node": { - "__id__": 56 + "__id__": 64 }, "_enabled": true, "__prefab": { - "__id__": 60 + "__id__": 68 }, "_customMaterial": null, "_srcBlendFactor": 2, @@ -1399,11 +1579,11 @@ "_objFlags": 0, "__editorExtras__": {}, "node": { - "__id__": 56 + "__id__": 64 }, "_enabled": true, "__prefab": { - "__id__": 62 + "__id__": 70 }, "_alignFlags": 45, "_target": null, @@ -1438,6 +1618,8 @@ "__id__": 0 }, "fileId": "05/ViZ4x5CsKTMBvYgTNv7", + "instance": null, + "targetOverrides": null, "nestedPrefabInstanceRoots": null }, { @@ -1452,14 +1634,14 @@ "_active": true, "_components": [ { - "__id__": 65 + "__id__": 73 }, { - "__id__": 67 + "__id__": 75 } ], "_prefab": { - "__id__": 69 + "__id__": 77 }, "_lpos": { "__type__": "cc.Vec3", @@ -1496,11 +1678,11 @@ "_objFlags": 0, "__editorExtras__": {}, "node": { - "__id__": 64 + "__id__": 72 }, "_enabled": true, "__prefab": { - "__id__": 66 + "__id__": 74 }, "_contentSize": { "__type__": "cc.Size", @@ -1524,11 +1706,11 @@ "_objFlags": 0, "__editorExtras__": {}, "node": { - "__id__": 64 + "__id__": 72 }, "_enabled": true, "__prefab": { - "__id__": 68 + "__id__": 76 }, "_customMaterial": null, "_srcBlendFactor": 2, @@ -1595,6 +1777,8 @@ "__id__": 0 }, "fileId": "95w1bEWo1Fx6DZZbD+r43Q", + "instance": null, + "targetOverrides": null, "nestedPrefabInstanceRoots": null }, { @@ -1607,7 +1791,7 @@ }, "_enabled": true, "__prefab": { - "__id__": 71 + "__id__": 79 }, "_contentSize": { "__type__": "cc.Size", @@ -1635,13 +1819,16 @@ }, "_enabled": true, "__prefab": { - "__id__": 73 + "__id__": 81 }, "icon_node": { "__id__": 50 }, "info_label": { - "__id__": 67 + "__id__": 75 + }, + "cd_mask": { + "__id__": 56 }, "_id": "" }, @@ -1658,6 +1845,7 @@ "__id__": 0 }, "fileId": "c46/YsCPVOJYA4mWEpNYRx", - "instance": null + "instance": null, + "targetOverrides": null } ] \ No newline at end of file diff --git a/assets/resources/gui/role_controller.prefab b/assets/resources/gui/role_controller.prefab index 3e3c7ee9..b79fea79 100644 --- a/assets/resources/gui/role_controller.prefab +++ b/assets/resources/gui/role_controller.prefab @@ -31,17 +31,17 @@ "_active": true, "_components": [ { - "__id__": 444 + "__id__": 445 }, { - "__id__": 446 + "__id__": 447 }, { - "__id__": 448 + "__id__": 449 } ], "_prefab": { - "__id__": 450 + "__id__": 451 }, "_lpos": { "__type__": "cc.Vec3", @@ -1386,7 +1386,7 @@ }, "_lpos": { "__type__": "cc.Vec3", - "x": -270, + "x": -180, "y": 0, "z": 0 }, @@ -2514,7 +2514,7 @@ }, "_lpos": { "__type__": "cc.Vec3", - "x": -90, + "x": 0, "y": 0, "z": 0 }, @@ -3622,7 +3622,7 @@ "__id__": 189 } ], - "_active": true, + "_active": false, "_components": [ { "__id__": 209 @@ -4764,7 +4764,7 @@ }, "_lpos": { "__type__": "cc.Vec3", - "x": 270, + "x": 180, "y": 0, "z": 0 }, @@ -9317,7 +9317,7 @@ }, "_contentSize": { "__type__": "cc.Size", - "width": 720, + "width": 540, "height": 200 }, "_anchorPoint": { @@ -9345,8 +9345,8 @@ }, "_alignFlags": 44, "_target": null, - "_left": 0, - "_right": 0, + "_left": 90, + "_right": 90, "_top": 0, "_bottom": -2, "_horizontalCenter": 0, @@ -9714,6 +9714,9 @@ }, { "__id__": 443 + }, + { + "__id__": 444 } ], "removedComponents": [] @@ -9816,6 +9819,16 @@ ], "value": 1193.667 }, + { + "__type__": "CCPropertyOverrideInfo", + "targetInfo": { + "__id__": 436 + }, + "propertyPath": [ + "_active" + ], + "value": false + }, { "__type__": "cc.UITransform", "_name": "GameUI", @@ -9826,7 +9839,7 @@ }, "_enabled": true, "__prefab": { - "__id__": 445 + "__id__": 446 }, "_contentSize": { "__type__": "cc.Size", @@ -9854,7 +9867,7 @@ }, "_enabled": true, "__prefab": { - "__id__": 447 + "__id__": 448 }, "_alignFlags": 45, "_target": null, @@ -9890,7 +9903,7 @@ }, "_enabled": true, "__prefab": { - "__id__": 449 + "__id__": 450 }, "debugMode": false, "_id": "" diff --git a/assets/script/game/map/SkillBoxComp.ts b/assets/script/game/map/SkillBoxComp.ts index 7669a6eb..ae9c22da 100644 --- a/assets/script/game/map/SkillBoxComp.ts +++ b/assets/script/game/map/SkillBoxComp.ts @@ -183,6 +183,18 @@ export class SkillBoxComp extends CCComp { this.info_label.string = ""; } } + + // 初始化或重置 CD 遮罩表现 + if (this.cd_mask && this.cd_mask.isValid) { + let sprite = this.cd_mask.getComponent(Sprite); + if (sprite) { + if (this.is_instant || this.trigger_interval <= 0) { + sprite.fillRange = 0; // 无需冷却，直接归 0 + } else { + sprite.fillRange = Math.max(0, 1 - (this.timer / this.trigger_interval)); + } + } + } } // ======================== 战斗状态事件 ======================== @@ -274,6 +286,15 @@ export class SkillBoxComp extends CCComp { if (this.current_trigger_times < this.trigger_times) { this.timer += dt; + + // 更新 CD 遮罩 (fillRange 从 1 降到 0) + if (this.cd_mask && this.cd_mask.isValid && this.trigger_interval > 0) { + let sprite = this.cd_mask.getComponent(Sprite); + if (sprite) { + sprite.fillRange = Math.max(0, 1 - (this.timer / this.trigger_interval)); + } + } + if (this.timer >= this.trigger_interval) { this.timer = 0; this.triggerSkill();