feat(boss): tint boss sprite outline by phase (P2 green, P3 red)

Add FlashSprite.setOutlineByBossPhase with light/dark green shade option and red fallback; BossPhaseSystem drives HeroViewComp.applyBossPhaseOutline directly after phase switch (MON faction, no hero-level event semantics, pool-node safe); extract getFlashSprite/applyOutlineByLevel to dedupe the three outline call sites.
This commit is contained in:
panFD
2026-10-10 00:33:41 +08:00
parent 24aff3baa3
commit a122d0904c
3 changed files with 76 additions and 17 deletions

View File

@@ -19,6 +19,7 @@ import { SkillSet } from "../common/config/SkillSet";
import { mLogger } from "../common/Logger";
import { HeroAttrsComp } from "./HeroAttrsComp";
import { BossPhaseComp } from "./BossPhaseComp";
import { HeroViewComp } from "./HeroViewComp";
/** 阶段模块调试日志开关 */
const DEBUG = true;
@@ -119,6 +120,13 @@ export class BossPhaseSystem extends ecs.ComblockSystem implements ecs.ISystemUp
fromPhase: from,
toPhase: phase.index,
});
// 直接驱动描边:Boss 是 MON 阵营,不走英雄 HeroLvUp 语义;
// 且对象池节点上挂全局事件监听易漏注销,直接调视图组件最稳
const view = e.get(HeroViewComp);
if (view && view.node && view.node.isValid) {
view.applyBossPhaseOutline(phase.index);
}
}
/** TODO: 阶段退场表现(震屏/变暗等),后续迭代实现 */

View File

@@ -99,15 +99,7 @@ export class HeroViewComp extends CCComp {
this.node.setScale(this.scale * Math.abs(this.node.scale.x), 1 * this.node.scale.y); // 确保 scale.x 为正后再乘方向
// 🔥 重置描边
if (this.model) {
let flashSprite = this.node.getComponent(FlashSprite);
if (!flashSprite) {
flashSprite = this.node.getComponentInChildren(FlashSprite);
}
if (flashSprite) {
flashSprite.setOutlineByLevel(this.model.lv);
}
}
this.applyOutlineByLevel();
}
/**
@@ -171,17 +163,36 @@ export class HeroViewComp extends CCComp {
this.spawnTimedFx("game/skill/buff/buff_lvup", this.node, 1.0);
// 升级时同步更新描边
if (this.model) {
let flashSprite = this.node.getComponent(FlashSprite);
if (!flashSprite) {
flashSprite = this.node.getComponentInChildren(FlashSprite);
}
if (flashSprite) {
flashSprite.setOutlineByLevel(this.model.lv);
}
this.applyOutlineByLevel();
}
/** 按英雄等级应用描边(升级/初始化共用入口) */
private applyOutlineByLevel() {
if (!this.model) return;
const flashSprite = this.getFlashSprite();
if (flashSprite) {
flashSprite.setOutlineByLevel(this.model.lv);
}
}
/**
* 按 Boss 阶段应用描边(P2 绿 / P3 红)
* Why: 由 BossPhaseSystem 直接调用,不走英雄 HeroLvUp 事件语义
* (Boss 是 MON 阵营,且对象池节点挂全局监听易漏注销)
* @param phase 阶段索引:1=P2 / 2=P3
*/
public applyBossPhaseOutline(phase: number) {
const flashSprite = this.getFlashSprite();
if (flashSprite) {
flashSprite.setOutlineByBossPhase(phase);
}
}
/** 查找 FlashSprite 组件(优先自身,回退子节点),描边三处调用点统一入口 */
private getFlashSprite(): FlashSprite | null {
return this.node.getComponent(FlashSprite) ?? this.node.getComponentInChildren(FlashSprite);
}
/** 攻击力提升特效 */
private ap_up() {
this.spawnTimedFx("game/skill/buff/buff_apup", this.node, 1.0);

View File

@@ -10,6 +10,12 @@ export class FlashSprite extends Component {
@property({ type: Material, tooltip: '绿色描边材质(2级)' })
outlineMatGreen: Material | null = null;
@property({ type: Material, tooltip: '淡绿描边材质(Boss阶段2)' })
outlineMatGreenLight: Material | null = null;
@property({ type: Material, tooltip: '深绿描边材质(Boss阶段2备选)' })
outlineMatGreenDark: Material | null = null;
@property({ type: Material, tooltip: '蓝色描边材质(3级)' })
outlineMatBlue: Material | null = null;
@@ -19,6 +25,9 @@ export class FlashSprite extends Component {
@property({ type: Material, tooltip: '黄色描边材质(5级)' })
outlineMatYellow: Material | null = null;
@property({ type: Material, tooltip: '红色描边材质(Boss阶段3)' })
outlineMatRed: Material | null = null;
orginalFlashMaterial: Material | null = null;
defaultMaterial: Material | null = null; // 缓存最原始的无描边材质
sprite: Sprite | null = null;
@@ -64,6 +73,37 @@ export class FlashSprite extends Component {
}
}
/**
* 按 Boss 阶段设置描边材质(优先级高于等级描边)
* Why: Boss 阶段是战斗强反馈(绿色警告 / 红色危险),与英雄等级成长是两套视觉语言,
* 用独立通道避免污染 setOutlineByLevel 的等级语义
* @param phase 阶段索引:1=P2 绿 / 2=P3 红 / 0=P1 恢复默认
* @param greenShade P2 绿色色调:'light' 淡绿(默认)/ 'dark' 深绿
*/
public setOutlineByBossPhase(phase: number, greenShade: 'light' | 'dark' = 'light') {
if (!this.sprite) {
this.sprite = this.node.getComponent(Sprite);
}
if (!this.sprite) return;
let targetMat: Material | null = null;
if (phase === 1) {
targetMat = greenShade === 'dark'
? (this.outlineMatGreenDark ?? this.outlineMatGreenLight ?? this.outlineMatGreen)
: (this.outlineMatGreenLight ?? this.outlineMatGreenDark ?? this.outlineMatGreen);
} else if (phase >= 2) {
targetMat = this.outlineMatRed ?? this.outlineMatYellow;
} else {
targetMat = this.defaultMaterial;
}
if (targetMat) {
// 更新基础材质,确保闪白结束后恢复到这个阶段描边材质
this.orginalFlashMaterial = targetMat;
this.sprite.setSharedMaterial(targetMat, 0);
}
}
public clickFlash() {
if (!this.sprite || !this.hitFlashMaterial) return;