码迷,mamicode.com
首页 > 其他好文 > 详细

NGUI_Atlas

时间:2017-12-17 15:57:01      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:create   ref   ima   span   src   es2017   make   提高   使用   

二、NGUI的图集制作:

1、概述:

将导入的图片资源全部制成一张图集,可以节约资源,当制成图集后,就可以将导入的图片资源进行删除,

再后续的操作直接使用图集中的图片即可,NGUI自带的Atlas Maker非常强大,这也是一大便利的方面。

2、图片的导入设置:

建议将图片的导入设置为Sprite(2D and UI),如果是2的倍数次方性能的损失还好,但如果不是,则对性能的损失是很大的,所以一般对不是2的倍次方的均设为这个,提高性能。

技术分享图片

3、Atlas Maker 的打开:

选中导入的图片,在菜单栏中NGUI--> Open-->Atlas Maker,即可打开图集制作界面,

 技术分享图片

 4、开始制作图集,

点击Create按钮,即可开始制作,俺步骤进行保存操作,制成的图集是一个prefabs预制体,包含一个预制体、一个材质球、一张贴图。注意不要错删除了,图集制作完成了就可以将导入的图片资源删除了,为什么这么做我在一开始就已经说了。

 技术分享图片

 

5、查看下图集的制作是否完成:

在场景中添加一个UISprite,选择自己刚刚制作的图集中的图片查看下成果。

技术分享图片

 

6、图集的制作完成

7、更新:

可能由于需求的更新,要更换图片,那我们就要重新再打包图集吗?

那这工作量太大了,完全没必要,NGUI强大的Atlas Maker,可以根据图集中的图片来进行更新,只需简单的一键操作,

当在图片的后面如果有改变会显示Update,提示可以更新,也可以点击X进行图集中的图片删除。

 

                                                                          

                                                                                          2017-12-17、14:37:51

 

NGUI_Atlas

标签:create   ref   ima   span   src   es2017   make   提高   使用   

原文地址:http://www.cnblogs.com/zhh19981104/p/8052065.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!