背包、快捷栏、交易行、掉落提示——道具的图标在界面上出现的次数数以百计:散装贴图的加载导致内存浪费与加载卡顿。图标系统把散图打进合图集,一次加载批量使用——图标的管理从散乱到有序。
---图标合图:散图打进图集
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 实战帖,语法、参数与示例一篇讲透。进入文章地图 · 查看全部 →
实战应用:用在哪里 战士的烈火剑法一击熄火后要等八秒冷却,连招断档感强烈。疾风烈火斩在烈火剑法命中后给一次连击窗口:三秒内再…
实战应用:用在哪里 阵营对抗打到中期容易疲软:打赢没有额外好处,输掉也没有代价。阵营声望体系给阵营战装上荣誉刻度:个人与阵营…
实战应用:用在哪里 拿下沙巴克之后呢?城主除了名字挂在城墙上,对城市毫无影响。城主施政玩法让占领变成治理:城主每周获得市政令…
实战应用:用在哪里 主线路光缆被挖断的深夜,全服掉线 20 分钟,玩家以为游戏倒闭。备用线路方案给接入层配第二条出口:主线路…
实战应用:用在哪里 行会官员由帮主任命的老模式弊端明显:任人唯亲、能上不能下。行会选举接口把官员换届做成投票制:每两个月一次…
实战应用:用在哪里 烈火剑法的伤害加成、冷却时间、下一级提升,全靠玩家记忆或去官网查。技能说明悬浮卡片在鼠标悬停技能图标零点…