找回密码
 立即注册
查看: 3788|回复: 91

[插件] NGUI制作图集Atlas简介

[复制链接]
发表于 2013-3-9 19:05 | 显示全部楼层 |阅读模式
资源信息 Tutorial Information
教程名称: NGUI制作图集Atlas简介(发帖教程)
适用引擎:   (适用引擎,为空默认为Unity)
教程语种: 中文
教程等级: 1
教程格式: 图文(请用IE9以上浏览器访问本版块)
教程作者: 转载自互联网 (如有问题请短消息联系作者或发表回复)
下载地址: (兑换积分)
点击查看原图
美丽分割线
此教程属于NGUI的具体操作,主要描述怎么制作一个游戏中的UI,相对来说比较简单,熟能生巧哇,动手操作一遍就可以完全掌握的。
1,在PS里面设计好要做的UI,然后切片成很多个png的图片(这属于美工的活啦,所以会描述的的比较简单点哈)
2,在Unity Project下新建一个Folder,F2重命名为ResUI,以后就用来存放所有的UI,在ResUI里面重新新建一个Folder,我们这次以开始界面为例,因此F2重命名这个FolderStartUI,这个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的大小和位置,widthlength用来调节大小(宽度和长度),Border是用来制作Slice Sprite时才会用到的,除Slice Sprite外四个值都调为0.
Slice Sprite
是一个可以拉伸的sprite,通过border中设置的值,它扩大的时候只会扩大中间的部分,边缘的不会有变化,因此对于有发光边缘的但内部无渐变无图片的背景,可以将发光部分设置为边缘,可以无限的扩大也没有任何视觉影响,这样极大的节省了资源。

5,在show里可以选择显示整张图集还是只显示一个sprite

同时在这里也可以删除或者添加sprite,

也可以给Sprite改名字,





本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×

评分

参与人数 3 +3 收起 理由
yugo215 + 1
graywolfx21 + 1 很给力!
L1247 + 1 很给力!

查看全部评分

发表于 2013-4-19 10:48 | 显示全部楼层
感謝前輩教學,終於弄懂NGUI元件的製作方式
发表于 2017-2-8 11:59 | 显示全部楼层
很不错
发表于 2017-2-8 12:13 | 显示全部楼层
楼主是超人
发表于 2017-2-8 11:27 | 显示全部楼层
顶顶多好
发表于 2017-2-8 11:49 | 显示全部楼层
难得一见的好帖
发表于 2017-2-8 12:23 | 显示全部楼层
LZ真是人才
发表于 2017-4-23 12:35 | 显示全部楼层
好帖就是要顶
发表于 2017-4-23 11:56 | 显示全部楼层
难得一见的好帖
发表于 2017-4-23 12:28 | 显示全部楼层
很好哦
懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Unity开发者联盟 ( 粤ICP备20003399号 )

GMT+8, 2024-3-28 18:21 , Processed in 0.128178 second(s), 32 queries .

Powered by Discuz! X3.5 Licensed

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表