深圳UI培训-高端面授深圳UI培训机构
云和教育:云和数据集团高端IT职业教育品牌
  • 华为
    授权培训中心
  • 腾讯云
    一级认证培训中心
  • 百度营销大学
    豫陕深授权运营中心
  • Oracle甲骨文
    OAEP中心
  • Microsoft Azure
    微软云合作伙伴
  • Unity公司
    战略合作伙伴
  • 普华基础软件
    战略合作伙伴
  • 新开普(股票代码300248)
    旗下丹诚开普投资
  • 中国互联网百强企业锐之旗
    旗下锐旗资本投资

Unity内存优化培训之图集优化

  • 发布时间:
    2018-03-15
  • 版权所有:
    云和教育
  • 分享:

Unity内存优化培训之图集优化:在游戏开发的过程中,我们难免会遇到某个UI界面加载卡顿,或者安装包太大的问题,那么今天我们就来讲一下如何优化NGUI的图集,降低内存,降低游戏的安装包大小。

首先我们选择一些小图片,使用我们平常的方式来打一张1024X1024大小的图集,如下图:

Unity内存优化培训之图集优化

图片的格式设置如上图红色箭头指示,最后一个箭头显示了在ARGB32位的格式下图片的大小为4MB,接下来我们在看看游戏运行的时候这张图片占的内存空间,我们先在场景中随便创建一个Sprite,如下图:

Unity内存优化培训之图集优化

接下来,点击菜单“Window—->Profiler”打开性能监控窗口,点击左侧“Memory”,运行游戏,如下图:

Unity内存优化培训之图集优化

根据上面的这幅图片,大家可以发现这个图集的贴图占的内存空间为8MB,如果我们在游戏中需要加载一个界面,这个界面中包含多个图集的话,有可能会造成卡顿,所以我们要想办法在保证图片质量的前提下,降低图片内存,经过前面很多项目的采坑,最终发现在安卓手机上使用ETC 4格式压缩图片是最佳选择。

Unity内存优化培训之图集优化

但是ETC4是不支持Alpha通道的,那么我们就要考虑一下有没有其他手段来解决这个问题。

对于这个问题,现在用的比较多的方法就是Alpha通道剥离。原理就是使用代码把原图片的RGBA四个通道的数值读取出来,然后把RGB值和Alpha值分别存在不同的两张图片中,最后再用Shader对这两张图片分别进行采样,读取里面的RGB值和另一张图片的Alpha值,进行合并,输出颜色。

下面就来实际操作一下。首先介绍一个工具,可以把原图片剥离为一张带有RGB通道的图片和一张带有Alpha通道的图片,下面,no code no bi bi,直接上代码:(PS:代码关键部分已经注释)

Unity内存优化培训之图集优化

这个是剥离工具,代码写好保存完毕之后放入“Editor”目录下,然后点击菜单栏“Tools—->Texture—–>AlphaPeel”,点击之前一定要选中图片,并且保证图片的可读写开关处于开启状态。如图:

Unity内存优化培训之图集优化

执行过之后大家会发现原来的图片路径中多出了两张图片,如图:

Unity内存优化培训之图集优化

图中MainAtlas是原图片,下面的两张图就是我们刚才输出的,接下来我们需要修改一个NGUI自带的Shader代码,把这两张图片合并起来。大家可以看一下上图中第一个资源,是我们在创建图集的时候自动生成的材质,我们选中这个材质,看一下它用的是哪个Shader,如图:

Unity内存优化培训之图集优化

在图中我们可以看到该材质用的是名字为“Transparent Colored”的Shader,NGUI的所有图集的材质用的都是这个Shader,并且我们可以看到刚才我们创建的图集贴图也赋在这个材质上,所以我们要修改这个Shader把我们刚才创建的两张图片重新合并。下面在Unity资源搜索栏里输入Shader名称,打开搜到的第一个Shader,然后我们把这个Shader改成如下图所示:

Unity内存优化培训之图集优化
Unity内存优化培训之图集优化

代码修改部分已经注释,78行以后的代码不用修改。修改后保存,接下来就让我们见证奇迹吧!

回到Unity检视面板,会发现材质那里让我们放进去两张图片,如图:

Unity内存优化培训之图集优化

我们把刚才生成的RGB图片和Alpha图片分别拖入第一个图片位置和第二个图片位置,如图:

Unity内存优化培训之图集优化

下面我们再确定一下刚才生成的两张图片的格式设置:

Unity内存优化培训之图集优化

两张图片都要按照上面的格式去设置,设置完成之后大家可以看一下最下面那个箭头显示的图片大小,0.5M,这样两张图片合起来是1M比原来小了3/4,惊不惊喜,意不意外!

下面我们来看一下实际效果:

Unity内存优化培训之图集优化

图片的清晰度几乎和刚开始的时候一样,接下来我们看一下Profiler里面的数值:

Unity内存优化培训之图集优化

两张图片占的内存分别为1MB两个加起来为2MB,原来是8MB现在是2MB减少3/4。

在实际开发中大小图集有几十个,使用这种方式可以让我们的安装包大小减少100MB左右,效果还是比较显著的,并且也可以减少运行内存的压力,另外Unity中所有图片资源都可以使用这种方式来优化。以上就是Unity内存优化培训之图集优化的全部内容,希望可以给大家带来一些启发。