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

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

2026-09-23 16:56 作者:996 技术组 0 阅读 996引擎Lua教程传奇脚本

实战应用:用在哪里

战斗中身上挂着七八个增益:祝福、护盾、疾跑、中毒——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 后端逻辑、客户端界面与商业版本交付,内容以官方知识库与真实项目为出处,按版本持续修订。

作者履历与出处

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

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

最新技术文章 · 实战干货

LATEST ARTICLES

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

后端接口成就属性加成

【后端接口】成就点数兑换:全局属性加成的结算接口设计

实战应用:用在哪里 成就点数不该只是数字摆设:点数商店兑换永久属性加成,50分换百分之一攻击,上限百分之五。兑换接口管三件事…

2026-09-23 17:04 996 技术组 · 0 阅读
界面UI

【界面UI】UI 合图自动化:纹理打包流水线与命名规范

实战应用:用在哪里 UI 合图(把零散小图打包成图集)是 DrawCall 合批的前提(合批原理参考前篇)。手工打包的问题:…

2026-09-23 17:04 996 技术组 · 0 阅读
数据存储

【数据存储】SQLite WAL 模式:读写并发实测与开启方法

实战应用:用在哪里 SQLite 默认的回滚日志模式在写入时会阻塞读取(写锁独占),游戏服务端“边写日志边查配置”的场景会出…

2026-09-23 17:04 996 技术组 · 0 阅读
框架设计

【框架设计】PK 模式:攻击范围的开关与误伤保护

实战应用:用在哪里 烈火剑法甩出去的瞬间最怕砍到队友:PK 模式是攻击的准星开关——和平、组队、行会、全体四种模式决定谁的技…

2026-09-23 17:04 996 技术组 · 0 阅读
玩法策划大逃杀缩圈

【玩法策划】大逃杀缩圈:借鉴吃鸡玩法的安全区收缩设计

实战应用:用在哪里 把大逃杀的缩圈机制搬进沙巴克野区:五十人无阵营乱斗,安全区每六十秒收缩一圈,圈外持续掉血,终局幸存者独享…

2026-09-23 17:04 996 技术组 · 0 阅读
运维发布停服维护运营

【运维发布】发布窗口选择:用在线人数曲线定停服时机

停服更新最怕撞上在线高峰,踢掉几百人换来一片抱怨。选对发布窗口,同样的更新内容,玩家体验是两回事。本文讲如何用996引擎的在…

2026-09-23 17:04 996 技术组 · 0 阅读