疾风条：挨刀的白影，慢慢追上血条

【游戏功能】

两层血条的账就这一行：

trail = math.max(hp, trail - decay * dt)

白影每帧朝血量追一截，追上就停——这就是疾风条的全部机制。可就是这一行，把"挨了多少打"从数字变成了画面：红条掉得干脆，白影追得缠绵，两根条之间那条越拉越宽的白缝，就是玩家刚吃下去的那顿打。今天把这条白影拆开。

一、红条、白影、收口三段

疾风条的三段。红条：绿色（或红）的真血条，掉血时干脆利落——十二点一刀，咔一下就短一截，它的果断是"现在"的语气。白影：真血条后面拖着一层白色的余像，掉血的瞬间它不动，等红条站稳了才开始慢慢合口——白影和红条之间拉出的白缝，就是刚才那一刀的宽度，缝越宽，刚才挨得越疼。收口：白影以每秒十四格的速度追上红条，追平就停——合口的一瞬白影消失，血条恢复成一根干净的条；要是这时候来一口治疗，红条反超，白影一口被吞回去——治疗的爽也顺带翻倍。三段连起来，血条从"一根静止的刻度"变成了"一段会呼吸的时间"：红是现在，白是刚才，白影的宽度就是疼痛的余韵。

完整 Cocos 演示在这——攻击 BOSS 体验多段血条平滑掉血、白影追赶与暴击跳字：

 boss-hp

比玩家心算三刀加法快得多。

双层条的画法只有一条纪律：白影永远白、真血永远绿——白影是"刚失去的"，它的颜色一旦被表情化（变红变紫），玩家的阅读规则就要重学一遍。狼怪的三连爪是这套条的最佳拍档：零点五秒一爪连着来，红条三段三段地掉、白影在后面拖成一条完整的白带——这一轮总共挨了多少，白影的宽度一目了然。

完整演示在这——看它三连爪把白影越拉越宽，再点「疗伤 +20」看白影吞回去：

 fx-chipbar

二、幂尔框架实现：追影速率与治疗回吞

幂尔框架里血条是一个双层结构，白影层有自己的衰减 tick：

local ChipBar = {}
local DECAY = 14

local hp, hpMax = 100, 100
local trail = 100

local function onTick(dt)
    trail = math.max(hp, trail - DECAY * dt)
    SL:SetBarLayer("hp_real", hp / hpMax)
    SL:SetBarLayer("hp_trail", trail / hpMax)
    if trail - hp > hpMax * 0.35 then
        SL:FlashTrail()                          -- 白缝过宽: 白影急促闪烁
    end
end

function ChipBar.Heal(amount)
    hp = math.min(hpMax, hp + amount)
    if hp >= trail then
        trail = hp                               -- 治疗: 白影一口吞回
        SL:PulseTrail()
    end
end

local function onTakeDamage(target, raw)
    hp = math.max(0, hp - raw)
    SL:FreezeTrail(0.15)                         -- 挨刀: 白影先愣半拍再追
    return raw
end

SL:RegTick("chipbar_tick", onTick)
SL:On("take_damage", onTakeDamage)

return ChipBar

FreezeTrail 的半拍愣神是最容易被漏的一笔：掉血瞬间白影不能立刻追——愣半拍再合口，那一刀的"分量"才有时间被玩家看见。

三、追影的速率与白缝的阅读

每秒十四格的追影速率是这条白影的脾气：太快，白影一闪就没，双层设计名存实亡；太慢，三轮打击下来白影还拖着半条，血条整体读不清——十四格配一百点血条，一刀的白缝一秒出头收干净，连续挨打白缝叠着白缝，"刚才的疼"和"现在的疼"在条上分层陈列。白缝的阅读价值在连击里最明显：狼怪三连爪，红条三段三段地掉，白影在后面拉成一条完整的白带——这一轮总共挨了多少，白影的宽度一目了然，比玩家心算三刀加法快得多。治疗的回吞是这套设计的另一头：红条反超的瞬间白影被整口吞掉，"回血"这个动作从数字增长变成了视觉上的愈合——伤口合上了，这四个字在这里是字面意思。最后是分色的纪律：白影永远白、真血永远绿（或红）、掉血瞬间可以加一帧红闪，但白影不许变色——白影是"刚失去的"，它的颜色一旦被表情化（变红变紫），玩家就要重新学一遍阅读规则。疾风条不增加任何数值，它只是把已经发生的时间画在了条上——好的战斗反馈，多半都是这种不加戏的诚实。

白影在治疗时的回吞方向要定死：红条反超、白影整口吞回，不做"白影慢慢爬回去"的第二种演法——合口一口吞是愈合的爽，慢慢爬是犹豫的拖，二选一选爽的。血条上下还有一堆兄弟条：蓝条、护盾条、怪物的架势条，都要不要拖影？规范写死只给血条拖——拖影是疼痛的余韵，蓝和盾没有疼痛的语义，全拖了白影就不值钱了。最后一条给实现：白影的衰减用帧率无关的写法，别用固定帧减固定值——掉帧的机器上白影追得慢，疼的余韵都比别人长半秒。

双层条在持久战里还有个进阶用法：怪物的血条也配白影，玩家一轮爆发打掉一截，白影慢慢合口——爆发打得多狠，白影说了算，玩家看着白影合口的速度读出这轮输出值不值。倒挂的用法也留一手：治疗超过掉血，白影反过来在血条后段露出一截白色增量——涨血也有余韵，加号的爽给白影留了戏份。疾风条最妙的效果是让玩家开始心疼：白影宽的时候玩家下意识收手，白影收口的时候才敢继续——一条会留余韵的条，替玩家管住了手，这是任何提示文案都做不到的教育。