博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
NGUI_Atlas
阅读量:6831 次
发布时间:2019-06-26

本文共 866 字,大约阅读时间需要 2 分钟。

二、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

 

转载于:https://www.cnblogs.com/zhh19981104/p/8052065.html

你可能感兴趣的文章
【重温基础】18.相等性判断
查看>>
一篇文章入门SQL语句
查看>>
【跃迁之路】【709天】程序员高效学习方法论探索系列(实验阶段466-2019.1.30)...
查看>>
Spring5:@Autowired注解、@Resource注解和@Service注解
查看>>
vue系列之双向绑定&vDom总结
查看>>
引用变量
查看>>
学习笔记PHP02、PHP的下载与安装
查看>>
vue项目中获取外部js,并使用其中方法
查看>>
使用 canvas 绘图
查看>>
Express 文档(Express生成器)
查看>>
【C++】 41_类型转换函数 (上)
查看>>
SEER见证人操作指南
查看>>
函数式编程中的组合子
查看>>
linux-node开发的部署方式--PM2
查看>>
JavaScript面向对象OOM 2(JavaScript 创建对象的工厂模式和构造函数模式)
查看>>
【ES6入门10】:Proxy和Reflect
查看>>
angular前后端分离部署
查看>>
Anaconda:安装或更新 Python 第三方包
查看>>
Java中线程的5种状态
查看>>
Node.js 指南(阻塞与非阻塞概述)
查看>>