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

【界面UI】图标系统:道具图标的合图与加载

2026-09-23 17:03 作者:996 技术组 996引擎Lua教程传奇脚本

实战应用:用在哪里

背包、快捷栏、交易行、掉落提示——道具的图标在界面上出现的次数数以百计:散装贴图的加载导致内存浪费与加载卡顿。图标系统把散图打进合图集,一次加载批量使用——图标的管理从散乱到有序。

合图的构建

lua
---图标合图:散图打进图集
function IconAtlas.build(sourceDir, outputFile)
    local icons = IconAtlas.scan(sourceDir)
    local atlas = AtlasPacker.new(1024, 1024)
    for _, icon in ipairs(icons) do
        atlas:add(icon.name, icon.path)
    end
    atlas:pack()
    atlas:save(outputFile)
    Ops.log('合图完成: ' .. #icons .. ' 个图标')
end

合图的构建把散图打进一张 1024×1024 的图集:扫描源目录的贴图、打包器自动排布、输出合图与坐标映射——散图的加载从 N 次磁盘 IO 降到 1 次。图集的容量规划按图标的数量与尺寸:4096 的图标按 32×32 一张,一张 1024 的合图装 1024 个,超出的分第二张。图集的命名带版本号:图标的更新重新打包生成新版本,热更新时客户端只下载变更的图集。

图标的加载

lua
---图标加载:从合图裁切显示
function IconAtlas.get(iconName)
    local info = IconAtlas.mapping[iconName]
    if not info then
        return IconAtlas.fallback()
    end
    local sprite = AtlasSprite.new(IconAtlas.texture,
        info.x, info.y, info.w, info.h)
    return sprite
end

---缺省图标的兜底
function IconAtlas.fallback()
    return AtlasSprite.new(IconAtlas.texture,
        IconAtlas.defaultX, IconAtlas.defaultY, 32, 32)
end

图标的加载从合图裁切:坐标映射表记录每个图标在合图中的位置与尺寸,加载时按坐标裁切出子图——图标的显示从散图的独立贴图变为合图的区域引用。缺省图标的兜底:查不到的图标显示通用的问号图,缺失的图标不产生白块。图标的缓存按名字索引:已加载的图标直接复用精灵,重复的加载走缓存命中。

验证与监控

合图的完整性校验:图集中每个图标的裁切结果与源图逐像素比对;图标的加载性能监控:批量加载 100 个图标的耗时不超过 50 毫秒。

踩坑记录

合图的打包曾经留了过多的间距,图集的利用率只有 60%,打包算法的间距优化提升到 90%。图标的映射曾经用文件名做键,改名的图标导致引用悬空,映射改用稳定的 ID。图集的更新曾经全量替换,客户端只变了 1 个图标却下载了整个 4MB 图集,增量更新按图标的变更集生成补丁。

上线要点

图标的命名规范进美术的交付标准:前缀_功能_编号的格式统一。图集的版本与客户端的版本绑定,版本不一致的图集不加载。图标的内存占用进性能的周报,图集的总大小有预算的上限。

作者履历与出处

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

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

最新技术文章 · 实战干货

LATEST ARTICLES

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

入门夯实996引擎

【入门夯实】多重返回值:select计数与函数返回值语义

学员常见误区 Lua函数可返回多个值,学员用固定变量数接收时如果变量少于返回值,多余返回值被静默丢弃;如果变量多于返回值,多…

2026-09-24 18:19 996 技术组
策划架构996引擎

【策划架构】行会建筑:功能解锁的梯度设计

设计初衷 行会建筑的死穴是一次全解锁:会员没有逐步建设的过程感。梯度设计让每栋建筑都有前置条件和资源门槛。 数值模型 建筑分…

2026-09-24 18:19 996 技术组
策划架构996引擎

【策划架构】婚姻边界:属性加成的平衡线设计

设计初衷 婚姻系统的属性加成是社交玩法的经济锚点:加成太弱没人结婚,太强则"为了属性被迫结婚"扭曲了社交本质。婚姻边界的设计…

2026-09-24 18:19 996 技术组
策划架构996引擎

【策划架构】宝箱公示:开启期望值的公示设计

设计初衷 宝箱类玩法的信任危机都源于同一句话:"概率是不是骗人的。"期望公示把概率从事后争议变成事前契约:奖池概率表全量公示…

2026-09-24 18:19 996 技术组
策划架构996引擎

【策划架构】流拍处理:拍卖流拍物的定向处理设计

设计初衷 流拍物(拍卖未成交的退回物品)堆积在卖家背包里成为死资产:低价值物流拍后无人问津,高价值物流拍后卖家不愿降价重拍。…

2026-09-24 18:19 996 技术组
进阶实战996引擎

【进阶实战】战功预览:名次定位与奖励映射展示

业务场景 沙巴克战功榜每周结算,玩家提交战功前不知道"再打多少能进前 10、前 10 的奖励是什么"。名次预览:输入自己的战…

2026-09-24 18:19 996 技术组