博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[NGUI]NGUI图集Atlas制作
阅读量:4595 次
发布时间:2019-06-09

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

1,在PS里面设计好要做的UI,然后切片成很多个png的图片(这属于美工的活啦,所以会描述的的比较简单点哈)

2,在Unity Project下新建一个Folder,F2重命名为ResUI,以后就用来存放所有的UI,在ResUI里面重新新建一个Folder,我们这次以开始界面为例,因此F2重命名这个FolderStartUI,这个StartUI用来存储关于开始界面的所有资源。
转载 <wbr>[NGUI]NGUI图集Atlas制作简介
3,找到工程文件的根目录,把刚刚切好的png图片拷贝到StartUI文件夹里面(也可以在Unity里面用Import New Asset的方式导入,但是这种导入方式只能一张一张进行,比较慢),再打开Unity,鼠标选中StartUI文件夹,在Unity上方点击NGUI中的Atlas Maker选项(快捷键为Shift_Alt_M),出现如图所示窗口:
转载 <wbr>[NGUI]NGUI图集Atlas制作简介
给图集命名为StartUI-Atlas,如图:
转载 <wbr>[NGUI]NGUI图集Atlas制作简介
然后鼠标选中StatUI文件夹下的所有png图片(这个就不用说怎么做了吧,哈哈),会在窗口中显示选中的图片,点击Create按钮,那么这个图集开始界面的图集就制作好了······
4,制作图集会自动生成一张图集,一个prefab,一个material,点击这个prefab,在Inspector窗口会显示图集信息,刚刚有几个png图片,图集里面就会有几个sprite,在这里可以调节sprite的大小和位置,widthlength用来调节大小(宽度和长度),Border是用来制作Slice Sprite时才会用到的,除Slice Sprite外四个值都调为0.
Slice Sprite是一个可以拉伸的sprite,通过border中设置的值,它扩大的时候只会扩大中间的部分,边缘的不会有变化,因此对于有发光边缘的但内部无渐变无图片的背景,可以将发光部分设置为边缘,可以无限的扩大也没有任何视觉影响,这样极大的节省了资源。
5,在show里可以选择显示整张图集还是只显示一个sprite
转载 <wbr>[NGUI]NGUI图集Atlas制作简介

同时在这里也可以删除或者添加sprite,
转载 <wbr>[NGUI]NGUI图集Atlas制作简介
也可以给Sprite改名字,

转载 <wbr>[NGUI]NGUI图集Atlas制作简介

转载于:https://www.cnblogs.com/FLWL/p/3710703.html

你可能感兴趣的文章
提交到SVN中的项目被删除 且项目名已经被新建项目占用找回方法
查看>>
Word2010_2003页眉有条横线怎么删掉
查看>>
qwq
查看>>
简述MVC思想与PHP如何实现MVC
查看>>
python之旅:常用模块
查看>>
android 练习之路 (五)
查看>>
matplotlib——pyplot和pylab区别
查看>>
Promise异步编程模式总结
查看>>
做网站用UTF-8编码还是GB2312编码?
查看>>
在ant编译java文件时产生debug信息
查看>>
深入理解计算机系统--信号
查看>>
Oracle触发器-变异表触发器不能访问本表
查看>>
centos+scala2.11.4+hadoop2.3+spark1.3.1环境搭建
查看>>
浅析libuv源码-node事件轮询解析(3)
查看>>
python想要入门--瞎学习
查看>>
原生JS实现全选和不全选
查看>>
中间件、服务器和Web服务器三者的区别
查看>>
定目标
查看>>
zabbix监控tcp/nginx/memcache连接数自定义监控shell
查看>>
Django 中间件
查看>>