unity基础开发----NGUI图集Atlas制作简介

此教程属于 NGUI 的具体操作,主要描述怎么制作一个游戏中的 UI ,相对来说比较简单,熟能生巧哇,动手操作一遍就可以完全掌握的。
1 ,在 PS 里面设计好要做的 UI ,然后切片成很多个 png 的图片(这属于美工的活啦,所以会描述的的比较简单点哈)
2 ,在 Unity Project 下新建一个 Folder,F2 重命名为 ResUI, 以后就用来存放所有的 UI ,在 ResUI 里面重新新建一个 Folder ,我们这次以开始界面为例,因此 F2 重命名这个 Folder StartUI ,这个 StartUI 用来存储关于开始界面的所有资源。

3 ,找到工程文件的根目录,把刚刚切好的 png 图片拷贝到 StartUI 文件夹里面(也可以在 Unity 里面用 Import New Asset 的方式导入,但是这种导入方式只能一张一张进行,比较慢),再打开 Unity ,鼠标选中 StartUI 文件夹,在 Unity 上方点击 NGUI 中的 Atlas Maker 选项(快捷键为 Shift_Alt_M ),出现如图所示窗口:

给图集命名为 StartUI-Atlas, 如图:

然后鼠标选中 StatUI 文件夹下的所有 png 图片(这个就不用说怎么做了吧,哈哈),会在窗口中显示选中的图片,点击 Create 按钮,那么这个图集开始界面的图集就制作好了······
4 ,制作图集会自动生成一张图集,一个 prefab, 一个 material ,点击这个 prefab ,在 Inspector 窗口会显示图集信息,刚刚有几个 png 图片,图集里面就会有几个 sprite, 在这里可以调节 sprite 的大小和位置, width length 用来调节大小(宽度和长度), Border 是用来制作 Slice Sprite 时才会用到的,除 Slice Sprite 外四个值都调为 0.
Slice Sprite
是一个可以拉伸的 sprite, 通过 border 中设置的值,它扩大的时候只会扩大中间的部分,边缘的不会有变化,因此对于有发光边缘的但内部无渐变无图片的背景,可以将发光部分设置为边缘,可以无限的扩大也没有任何视觉影响,这样极大的节省了资源。

5 ,在 show 里可以选择显示整张图集还是只显示一个 sprite
同时在这里也可以删除或者添加sprite,
也可以给Sprite改名字,

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值