背包、快捷栏、交易行、掉落提示——道具的图标在界面上出现的次数数以百计:散装贴图的加载导致内存浪费与加载卡顿。图标系统把散图打进合图集,一次加载批量使用——图标的管理从散乱到有序。
---图标合图:散图打进图集
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 个,超出的分第二张。图集的命名带版本号:图标的更新重新打包生成新版本,热更新时客户端只下载变更的图集。
---图标加载:从合图裁切显示
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 引擎 / Lua 实战帖,语法、参数与示例一篇讲透。进入文章地图 · 查看全部 →
学员常见误区 Lua函数可返回多个值,学员用固定变量数接收时如果变量少于返回值,多余返回值被静默丢弃;如果变量多于返回值,多…
设计初衷 行会建筑的死穴是一次全解锁:会员没有逐步建设的过程感。梯度设计让每栋建筑都有前置条件和资源门槛。 数值模型 建筑分…
设计初衷 婚姻系统的属性加成是社交玩法的经济锚点:加成太弱没人结婚,太强则"为了属性被迫结婚"扭曲了社交本质。婚姻边界的设计…
设计初衷 宝箱类玩法的信任危机都源于同一句话:"概率是不是骗人的。"期望公示把概率从事后争议变成事前契约:奖池概率表全量公示…
设计初衷 流拍物(拍卖未成交的退回物品)堆积在卖家背包里成为死资产:低价值物流拍后无人问津,高价值物流拍后卖家不愿降价重拍。…
业务场景 沙巴克战功榜每周结算,玩家提交战功前不知道"再打多少能进前 10、前 10 的奖励是什么"。名次预览:输入自己的战…