一撇刀光：弧线画出来的斩击

fx-slash

-- 用 DrawNode 画三层弧, 挂进度驱动
function CreateSlashEffect(pos, dir, config)
    local node = cc.DrawNode:create()
    node:setPosition(pos)

    local layers = {
        { color = cc.c4f(1, 1, 1, 0.9),   width = config.width,        r = 58 },
        { color = cc.c4f(0.6, 0.85, 1, 0.6), width = config.width * 0.65, r = 58 + config.width * 0.4 },
        { color = cc.c4f(0.28, 0.5, 1, 0.4), width = config.width * 0.4,  r = 58 + config.width * 0.8 },
    }
    local progress = 0
    local function redraw()
        node:clear()
        local sweep = config.arc * progress
        for _, L in ipairs(layers) do
            node:drawDot(cc.p(0, 0), 0, L.color)      -- 占位保渲染
            node:drawArc(cc.p(0, 0), L.r, -0.8, -0.8 + sweep, 80, L.color)
        end
    end
    schedule(node, function(dt)
        progress = math.min(1, progress + dt / config.duration)
        redraw()
        if progress >= 1 then node:removeFromParent() end
    end, 1 / 30)
    if dir < 0 then node:setScaleY(-1) end
    return node
end