CHUAN2 DEV ENGINE
996 正版授权研发中心 · 360 授权合作教学中心 · 抖音传奇直播合作授权 · 快手推广运营商授权
OFFICIAL LICENSED ACADEMY 查验官方授权证书 →
// 威海旷世互娱教学基地 · 技术文章
界面UI战斗系统

【界面UI】BUFF 图标栏:增益排列与剩余时间

2026-09-21 20:45 作者:996 技术组 0 阅读 996引擎Lua教程传奇脚本界面UI战斗系统

实战应用:用在哪里

战斗中身上挂着七八个增益:祝福、护盾、疾跑、中毒——BUFF 图标栏是状态的仪表盘。图标栏的要点是增益的排列规则、剩余时间的呈现与叠加层数的表达,一眼读懂身上的状态是战斗决策的前提。

图标的排列

lua
---BUFF 栏:图标按类型分组排列
BuffBar.icons = {}

function BuffBar.sync(list)
    -- list: 服务器推送的增益数组
    BuffBar.clear()
    local order = { buff = 1, debuff = 2 }
    table.sort(list, function(a, b)
        if order[a.kind] ~= order[b.kind] then
            return order[a.kind] < order[b.kind]
        end
        return a.expireAt > b.expireAt
    end)
    for i, b in ipairs(list) do
        if i <= 12 then
            BuffBar.place(b, i)
        end
    end
end

图标的排列两维分组:增益与减益分列(增益在左减益在右),同组按剩余时长降序——快过期的排前面,玩家的注意力先给要消失的状态。同屏的图标上限 12 个:溢出的低价值增益折叠进「+N」的角标,界面的信息密度有上界。每个图标带叠层的角标:可叠加的增益(攻击强化叠 5 层)在右下角显示 5 的数字,层数的表达让叠加类增益的强度可见。

时间的呈现

lua
---剩余时间:秒数的颜色分级
SL:Schedule(0.5, function()
    for _, icon in pairs(BuffBar.icons) do
        local left = icon.expireAt - os.time()
        if left <= 0 then
            BuffBar.remove(icon)
        else
            local txt = SL:SecondToHMS(left)
            GUI:Text_setString(icon.label, txt)
            local color = left <= 5 and "#FF4444"
                or (left <= 15 and "#FFAA00" or "#FFFFFF")
            GUI:Text_setString(icon.label, txt)
            BuffBar.color(icon, color)
        end
    end
end)

剩余时间的呈现按紧迫度分色:5 秒内的红色、15 秒内的橙色、其余白色,时间的颜色就是行动的信号——法师看着魔法盾转红就知道该补盾了。刷新的节奏 0.5 秒一轮,秒数的跳动平滑不过频。BUFF 的来源悬停可见:图标的悬停浮窗写明增益的名称、效果数值与来源(药水、技能、行会),状态的知情权完整。减益的呈现更醒目:中毒的绿框与眩晕的灰框,减益的识别优先级高于增益——危险的状态先被看见。

验证与监控

图标的同步与服务器状态的偏差抽样,本地显示与实际生效的错位即同步缺陷;刷新的帧耗时监控,12 个图标的更新不超 1 毫秒。

踩坑记录

图标的排序曾经按获得时间,新加的减益排在末尾被增益淹没,分组加时长的排序修复。剩余时间的颜色曾经全白,过期的增益悄悄消失玩家没感知,颜色的分级让紧迫可读。图标的移除曾经只删控件不清池,池的泄漏让长在线的界面越来越慢,移除的成对清理。

上线要点

图标的位置与分组规则进皮肤配置,职业的特化图标(道士的毒、法师的盾)按模板扩展。悬停浮窗的效果描述与数值表同源,说明的准确性与数值一致。BUFF 的拖拽排序支持玩家自定义,个人习惯的布局被尊重。

作者履历与出处

本文由 996 技术组基于 996 引擎官方知识库与浮生梦老师课程体系整理。团队长期从事传奇类引擎 Lua 后端逻辑、客户端界面与商业版本交付,内容以官方知识库与真实项目为出处,按版本持续修订。

← 返回文章地图返回研学路径

最新技术文章 · 实战干货

LATEST ARTICLES

全站技术干货持续更新:996 引擎 / Lua 实战帖,语法、参数与示例一篇讲透。进入文章地图 · 查看全部 →

框架设计装备系统

【框架设计】幸运值机制:强化失败的隐性补偿

实战应用:用在哪里 强化连败七次是什么体验?幸运值机制给失败的玩家一个隐性的承诺:每次失败累加幸运值,幸运值越高下一次的成功…

2026-09-21 21:15 996 技术组 · 0 阅读
框架设计PK系统

【框架设计】仇人系统:仇人列表与复仇追踪

实战应用:用在哪里 被偷袭死掉的怨气需要一个出口:仇人系统记录对自己下过杀手的人,仇人的位置在列表里可见,复仇的机制让恩怨有…

2026-09-21 21:15 996 技术组 · 0 阅读
界面UI交易系统

【界面UI】拍卖行界面:出价流程与截拍提醒

实战应用:用在哪里 拍卖行的出价是一场与时间的博弈:出价的按钮、倒计时的紧迫、截拍瞬间的悬念——拍卖界面的要点是出价的流程、…

2026-09-21 21:15 996 技术组 · 0 阅读
网络通信交易系统

【网络通信】面对面交易:握手、锁定与确认的协议

实战应用:用在哪里 面对面的交易是传奇最经典的交互:两人面对面、各自放入物品与金币、双方确认后成交。交易的协议要点是会话的建…

2026-09-21 21:15 996 技术组 · 0 阅读
性能调优邮件系统

【性能调优】批量邮件:活动奖励的分批投递

实战应用:用在哪里 活动结束给 3 万玩家发奖励:一次性群发让邮件表瞬间多 3 万行、投递的队列堵塞正常的通信。批量邮件的分…

2026-09-21 21:15 996 技术组 · 0 阅读
安全加密数据完整性

【安全加密】日志防篡改:哈希链与异地备份

实战应用:用在哪里 审计日志的价值在于不可抵赖:被改过的日志比没有日志更危险——纠纷的追溯、内部的追责都建立在「日志没被动过…

2026-09-21 21:15 996 技术组 · 0 阅读