大家好,又见面了,我是你们的朋友全栈君。
上一篇博客主要是简单的介绍了下NGUI合并DrawCall的基本原理,就是将一个UIPanel里所有的UIWidget按照Depth的大小进行排序,然后遍历排序后的UIWidget列表,将Depth相邻的并且懂事引用同一个Atlas的UIWidget的几何数据存入到一个UIGeometry中然后统一由一个UIDrawCall来调用GPU绘制。
那么知道了NGUI DrawCall 的基本原理 我们就可以对游戏里的UI进行优化以达到减少DrawCall的目的,那么该如何优化呢?
1、首先,我们的UI要分模块话,将只有该模块用到的图片尽量打包一个Atlas里,而一些其他模块都会用到的图片打包一个通用的Altas里,这样可减少Atlas的穿插应用,即减少了内存也方便管理,更主要的是这样我们更容易为后续减少DrawCall做准备。
2、然后就是尽可能的将引用到同一个Atlas的UIWidget的Depth相邻,这样能让后续UIWidget排序时将引用同一个Atlas的UIWidget相邻。比如我在项目中会将引用到同一个Atlas的UISprite的Depth设置在一个范围里,字体的设置在另一个范围里,尽可能的让它们之间少参插。
OK,大概的优化思路就是这样,接下来让我们做个例子来看看实际的效果:
上面的图就是我创建了5个UISprite但是他们应用的都是同一个Atlas,这时当你的这个UIPanel里所有的UISprite引用的都是同一个Atlas并且没有其他UIWidget时,Depth就不用管了,从图可以看到5个UISprite只有一个DrawCall,那么如果有引用了两个Atlas,那么DrawCall会不会只有两个?答案是否定的,只能说DrawCall最少有两个。继续看例子:
从图里可以看到我引用了两个Atlas但是DrawCall却有5个,这是不是有点恐怖,你想想如果没个UIWidget都要一个DrawCall的话,那我们UI的DrawCall就会大的让你无法接受,要是这样的游戏装在手机上玩那你的手机都可以煎鸡蛋了,呵呵。。 这样肯定是不行的。那么我是怎么做才会有这么都的DrawCall的呢,其实就他们的Depth进行了参插,将第二个和第四个sprite1引用Atlas设成了Refractive Atlas。下面就用上面说的优化思来优化尽可能的优化到2DrawCall,我这里是很容易做到的,如果UI很复杂的话我们就尽力而为吧,好了,看结果:
哦啦,DrawCall真的减少了而且是减到最少了,我的做法就是把引用到Wooden Atlas的UIWidget的Depth设成相邻的0、1、2,而引用Refractive Atlas的UIWidget的Depth设成3和4了,这样就达到了上面的效果了。
哦啦,NGUI DrawCall的优化就写到这啦,写的很简单,如果大神有更好的建议或补充请指教!!!!!!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/193084.html原文链接:https://javaforall.cn