[NGUI]NGUI图集Atlas制作

1,在PS里面设计好要做的UI,然后切片成很多个png的图片(这属于美工的活啦,所以会描述的的比较简单点哈)
2,在Unity中 Project下新建一个Folder,F2重命名为ResUI,以后就用来存放所有的UI,在ResUI里面重新新建一个Folder,我们这次以开始界面为例,因此F2重命名这个Folder为StartUI,这个StartUI用来存储关于开始界面的所有资源。
[NGUI]NGUI图集Atlas制作简介" border="0" alt="转载 [NGUI]NGUI图集Atlas制作简介"
src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_8bcaf989c3a24c8.jpg?3">
3,找到工程文件的根目录,把刚刚切好的png图片拷贝到StartUI文件夹里面(也可以在Unity里面用Import New Asset的方式导入,但是这种导入方式只能一张一张进行,比较慢),再打开Unity,鼠标选中StartUI文件夹,在Unity上方点击NGUI中的Atlas Maker选项(快捷键为Shift_Alt_M),出现如图所示窗口:
[NGUI]NGUI图集Atlas制作简介"
border="0" alt="转载 [NGUI]NGUI图集Atlas制作简介" src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_c1e9f8e9d4c0ad4.png?27">
给图集命名为StartUI-Atlas,如图:
[NGUI]NGUI图集Atlas制作简介" border="0" alt="转载 [NGUI]NGUI图集Atlas制作简介"
src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_9f485a82175c43f.jpg?5">
然后鼠标选中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,
[NGUI]NGUI图集Atlas制作简介"
border="0" alt="转载 [NGUI]NGUI图集Atlas制作简介" src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_568c43c99496c2c.jpg?4">

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

[NGUI]NGUI图集Atlas制作简介"
border="0" alt="转载 [NGUI]NGUI图集Atlas制作简介" src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_9ee16b05d0486cb.jpg?8">

也可以给Sprite改名字,

[NGUI]NGUI图集Atlas制作简介" border="0"
alt="转载 [NGUI]NGUI图集Atlas制作简介" src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_6e84b17b75c4523.jpg?6">

时间: 2024-08-05 14:07:26

[NGUI]NGUI图集Atlas制作的相关文章

Unity基础 NGUI 图集Atlas制作

unity版本:4.5 NGUI版本:3.6.5 1.选择要制作的图片放到对应目录下,在Asset下新建一个文件夹Picture用于放置图片: 2.选中一张图片,打开Atlas Maker: 3.单击窗口中的Create按钮,选择一个路径保存,在这里我们新建一个文件夹Prefabs用于保存生成的文件,可以看到Prefabs文件夹下生成了对应的3个文件: 如果还需要创建其他的Atlas则重复2.3步骤: 4.用NGUI依次创建: 在Panel下新建一个Button来测试: 搜索simple but

NGUI 学习笔记实战——制作商城

Unity3D的uGUI听说最近4.6即将推出,但是目前NGUI等UI插件大行其道并且已经非常成熟,所以我们还是先看眼前吧. 一.实现思想 商城的功能是很多游戏都拥有的,按下一个界面按钮,弹出一个窗体. 然后是商城中的商品可以拖动,既可以用手,也可以用滑条等等,至于点击购买就不单单是UI层的事了.等到实现NDate的时候再进行讨论. 二.实现背景 1.NGUI->Open->Prefab tool bar ,拖一个black widget进去 2.之后布局如下,这些应该没什么难度,弄好锚点,d

NGUI使用Altas Maker制作图集

使用NGUI版本:2.7.0 (1) 关于UI资源的放置: 针对于UI资源的放置路径一般存储在Assets文件夹下的Resources文件夹中,倘若Resources文件夹不存在的情况下,可新建一个.但是为何一定要存储在这里呢,比如说,要加载一个烟花特效,习惯应用到的Unity的资源加载方法是:Resource.Load(),这就需要将其资源放置在名为Resource的文件夹中. 但是,并非所有的资源都放在Resource文件夹下,在unity生成游戏安装包时,对于Resources以外的文件夹

NGUI系列自定义Atlas,Font)

第一部分:自定义 Atlas1 . 首先我们要准备一些图标素材,也就是我们的UI素材,将其导入到unity工程中.2. 全选我们需要用到的UI素材.选择菜单NGUI-->Open the Atlas Maker(快捷键 Alt +shift+M).打开Atlas Maker窗口,如图 我们可以看到,刚才选择的图片素材已经在下面的Spirit窗口中列出来了. 3. 在Create右侧为Atlas起个名称,其余默认即可(这里第二个参数Select可以让我们在现有的Atlas基础上添加新的图片进去).

Unity 通过NGUI 完成单摄像机 制作地图

本次思想主要是通过 Ngui的Scroll View 主要是UIPanel的Clipping属性的Alipha Clip 调节窗口大小,遮蔽地图试地图实现在屏幕的部分显示.此方法的好处是不用担心shader 等东西. 简单易上手. 步骤走起: 第一步:创建Scroll View 第二步:调节大小 调节前 调节后 上代码 哈哈哈: 主要原理为 地图移动的的为像素  人物移动的为米  人物移动的距离比上地形的X.Y  等于  地图移动的像素比上 地图图片的X.Y 当然由于地图与人方向相反所以加 ”-

NGUI的单选框制作

单选框制作: 如下图先建立一个sprite如下图,然后添加box collider再添加如图的脚本:Toggle Script.... 添加后会有如图出现:UIToggle里的Sprite就是我们要点击粗现的东西.需要一个新的sprite: 那就新建一个sprite2,并且选一个如图的贴图. 然后把sprite2拖到之前的那个sprite需要的地方如图: 这样就完成了单选框的制作了..运行一下很完美...不过值得注意的是默认的是未选中状态,想要设置默认选中也可以看上图中的Starting Sta

NGUI技能CD效果制作(sprite的type:filled)

一,我们先添加一个sprite,改名为skill.给当前skill添加图片,然后再sprite下添加一个sprite和一个label,结果如下 二现在我们来设置skill下的sprite,给他设置一个纯色空白图片,然后将他的type选择为filled和coloer tint 选择为黑色,然后设置为半透明, coloer tint 点击打开下选择颜色框 箭头区域为设置半透明重点 最终结果显示设置为: 现在我们手动修改fill amount,可以看到黑色遮罩层360度减少,效果如下: 三,我们添加一

(转) Unity3D 使用Texturepacker打包工具制作NGUI(Atlas)图集

转自:http://www.unitymanual.com/thread-37485-1-1.html 由于NGUI AtlasMaker对打包的优化不好,容易打出很大的图集,很多部分都是浪费的,所有目前要使用TexturePackage来优化打包图集 1.首先下载Texturepackage工具,网上有破解版的,也可以到官网下载使用免费版,https://www.codeandweb.com/texturepacker/,接着就是简单的安装不在过多的介绍. 2.打开我们的Texturepack

Unity3D 使用Texturepacker打包工具制作NGUI(Atlas)图集

1.首先下载Texturepackage工具,网上有破解版的,也可以到官网下载使用免费版,https://www.codeandweb.com/texturepacker/,接着就是简单的安装不在过多的介绍. 2.打开我们的Texturepackage工具,准备好我们的图片,本人使用的资源图片来自网上,如图:,接着就是全选拖拽到Texturepackage工具的右端,Texturepackage就会自动帮你填充好,剩下的就是对图片进行设置,如图: 3.接下来就是把Texturepackage生成