NGUI使用Altas Maker制作图集

使用NGUI版本:2.7.0

(1) 关于UI资源的放置:

  针对于UI资源的放置路径一般存储在Assets文件夹下的Resources文件夹中,倘若Resources文件夹不存在的情况下,可新建一个。但是为何一定要存储在这里呢,比如说,要加载一个烟花特效,习惯应用到的Unity的资源加载方法是:Resource.Load(),这就需要将其资源放置在名为Resource的文件夹中。

  但是,并非所有的资源都放在Resource文件夹下,在unity生成游戏安装包时,对于Resources以外的文件夹,只会打包场景中的用到的资源文件,而对于Resources文件夹,由于涉及到动态的往内存中加载资源,所以会将其全部打包,这样的话,就会导致游戏的安装包体积变大。

  习惯上,将Resources文件夹中的资源分类,比如UI,可新建名为UI的文件夹,将其对应资源放置到UI文件夹中。其它的,读者自行考虑。

(2)制作图集

  NGUI中提供了UI图片打包工具Atlas Maker,将相应的资源放置到Resources\UI中后,在Project视图中选中想要打包的图片,然后点击NGUI->Open the Atlas Maker,效果如图:

若要生成新的图集,可在Create处重命名,然后点击Create。

若要在原有的图集上,添加新的图片,在Select处选择原有的图集。然后点击Create。

成功后,会在对应图片的目录下,生成新的三个文件,比如:

三个文件分别为:图集的贴图(.png),图集的材质球(.mat),图集的预设体(.prefab)。

建议:图集生成成功后,建议将其之前导入的UI资源文件删除以减少资源量。

时间: 2024-10-20 01:35:15

NGUI使用Altas Maker制作图集的相关文章

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

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

NGUI使用3——制作图集&自定义按钮&切换按钮图片

1,准备素材新建一个文件夹,命名为UITexture. 2,创建Atlas在Project面板中,进入UITexture 文件夹,选中这两张图片,然后 右键-->[NGUI]-->[Atlas Maker],之后你会看到 Atlas Maker 的界面:在 Atlas Maker 界面中,点击[Create]按钮. 之后给这个Atlas 起名为MyAtlas.prefab,点击[保存]. 3,预览Atlas和Sprite保存之后,这个新的Atlas 就创建好了.可以点击一下[View Spri

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度减少,效果如下: 三,我们添加一

制作第一个UI图集

按钮分有两种形式,一种是普通按钮,也就是一张没有文字的按钮图片,在需要用时,就在上面写上不同的.当前所需要的文字.量一种按钮则是图片按钮,这种按钮的特点是整个按钮就是一张图片,它既是按钮也是图片. 在剖析UI资源结构时一定要秉承一下几个原则: 1.尽量保证还原设计图的效果,不损失质量,这是前提. 2.尽量发现重复的元件,而且重复的元件只需要一份就足够. 3.尽量分割得零碎一点,避免多个元件合并一起出图,这样对项目不利. 4.尽量使用九宫格来制作比较大的底板.底框等. 5.UI切图全部让美术人员以

Bitmap图片变文字

前言 美术和程序的配合,需要程序能够很快抓住问题重点并提出解决方案. 步骤 准备 美术提供的数字图片 BMFont 字体制作软件 开始 1.使用BmFont先导出一张只有数字的图片字,会得到两个文件 2.将得到的fnt文件改后缀为txt 3.使用notepad++或Sublime Text打开(或使用其它带有列编辑功能的文本编辑器) info face="微软雅黑" size=32 bold=0 italic=0 charset="" unicode=1 stret

总结:Unity3D游戏上线后的流程回顾

原地址:http://unity3d.9tech.cn/news/2014/0127/39748.html 首先.unity 灯光烘焙 :Unity 3d FBX模型导入.选项Model 不导入资源球.Rig 不导入骨骼.Animations 不导入动画.在Model选项勾选 Generate Linghtmap UVs .否则.灯光烘焙.会出现阴影错乱.灯光烘焙时FBX Shader 选项 Mobile/Unlit(Supports Lightmap). 动态随机地图:地图拼接的时候.注意地图

[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="转载 [NG