【Unity&Atlas】NGUI与UGUI打包图集的步骤以及比较

Unity UI图集打包：NGUI与UGUI比较与实践
最新推荐文章于 2025-10-11 10:44:43 发布
原创 最新推荐文章于 2025-10-11 10:44:43 发布 · 1w 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Unity #ngui #ui #Unity经验 #Unity教程

本文介绍了Unity中NGUI和UGUI打包图集的步骤，包括NGUI创建精灵、UGUI打包设置和图集使用。NGUI适合游戏界面UI，而UGUI适用于2D游戏元素。关键在于正确设置图片的Texture Type、Packing Tag和Filter Mode，并启用Sprite Packer。Unity运行时，UGUI会自动打包小图片为图集，从而优化内存占用。

NGUI更适合做游戏界面UI、游戏背包UI、游戏技能UI等UI


UGUI更适合做2D游戏的人物角色、2D游戏怪物图片等UI


------------------------NGUI如何创建精灵呢

NGUI--Create--Sprite(或者Unity 2DSprite)

NGUI可以创建2种精灵，一种是Sprite,还有一种是Unity 2D Sprite

1.Sprite

2.Unity 2D Sprite



1.Sprite创建的精灵如下图所示，可以直接替换UGUI里面的精灵，

当然当图片94这个图片设置一下才能够被UGUI打包（接下来会说到）



2.Unity 2D Sprite创建的精灵如下图所示，只能使用已经NGUI Atlas打包好的图片精灵

最低0.47元/天 解锁文章
【Unity】像素图片用NGUI编辑打包成图集
BuladeMian的博客，菜得抠脚，菜得真实
12-17 2479
Unity3D-UGUI图集打包与动态使用(TexturePacker) Unity读取本地图片资源
unity 3d中 NGUI和UGUI分别是什么？相对于外部UI插件我们要使用哪个呢？
热门推荐
sinat_23079759的博客
10-20 1万+
分别介绍了NGUI和UGUI的概念，区别，优缺点，未来使用方向。
Unity3d-NGUI-一键打包Texurepacker NGUI图集-文章代码
05-08
Unity3d-NGUI-一键打包Texurepacker NGUI图集-文章代码 文章链接 http://blog.youkuaiyun.com/MAOMAOXIAOHUO/article/details/51325989
Unity Sprite Atlas打图集
最新发布
qq_44809934的博客
10-11 743
介绍Unity 中Sprite Atlas图集相关知识
Unity NGUI 打图集
哲学天空的博客
03-07 1541
1. 选择 NGUI菜单 --- open --- atlas Maker 打开图集工具界面. atlas 是选择图集名称。 下面是图集中包含的图片名字。 2. 更新图集。 选择一个或多个需要打到图集中的图片，图集界面中会自动添加或更新这些图片，选择Add/Update 进行更新图集，图集将重新生成，生成完后，记得按下ctrl + S保存，图集生效。 ...
【 unity3d 】NGUI 创建图集
liaosheng：）
06-29 1912
一：准备若干图片 二：选中所有图片，然后点击NGUI，Open Atlas Masker 三：点击后，按New键，新建一个图集，下放有显示刚才点击选中的所有图片，点击create创建即可 这时要对Atals图集命名，设置存放路径 注意最好先创建一个存放Atlas图集的文件夹来储存图集即可。 四：创建好会出现3个文件,    图集就创建好了，蓝色框框就是图集，同时这个图集也是个...
Unity3D 使用Texturepacker打包工具制作NGUI(Atlas)图集
啊婷和阿基
02-03 5175
1、首先下载Texturepackage工具，网上有破解版的，也可以到官网下载使用免费版，https://www.codeandweb.com/texturepacker/，接着就是简单的安装不在过多的介绍。 2、打开我们的Texturepackage工具，准备好我们的图片，本人使用的资源图片来自网上，如图：，接着就是全选拖拽到Texturepackage工具的右端，Texturepackage
Unity3D UGUI图集打包与动态使用(TexturePacker)
weixin_43899724的博客
03-27 2594
制作图集的好处：众所周知CPU是用来处理游戏的逻辑运算的，而GPU是用来处理游戏中图像的。在GPU中，我们要绘制一个图像需要提交图片（纹理）到显存，然后再进行绘制（在这个过程中会产生一次DrawCall）,也就是说我们要绘制100张图片就要产生100次DrawCall.显然这是非常消耗性能的。这是制作图集的好处就显而易见了： ①、减少性能消耗，提高处理效率 ②、可以归类不同模...
Unity - 图集的理解及优化（UGUI、NGUI）
qq_39091751的博客
03-01 5906
合并图集的好处： 1：减少DrawCall：多张图片需要多次DrawCall，合并成一张大图只需要调用一次DrawCall 2：减少对内存的占用：OpenGL每张贴图都需要设置为2的N次方才能使用，比如你有一张宽高为100*100和一张10*10的图片，如过不合成大贴图，那么就需要使用128*128的和16*16的图片，如果是使用一张大图的话，就可以将100*100和10*10的图片放在128...
UGUI与NGUI
Iwilreal的博客
10-19 1339
首先我们看一下NGUI NGUI是严格遵循KISS原则并用C#编写的Unity（适用于专业版和免费版）插件，提供强大的UI系统和事件通知框架。其代码简洁，多数类少于200行代码。这意味着程序员可以很容易地扩展NGUI的功能或调节已有功能。对所有其他用户而言，这意味着更高的性能、更低的学习难度和更加有趣。完全集成到Inspector面板中。 不需要点击Play按钮就能查看结果。 在场景视图中看
unity TexturePacker自动打图集编辑器——NGUI
daimou123的博客
07-05 1524
unity TexturePacker自动打图集编辑器 目前仅支持windows，手边没有mac没法做。实现方式是用C#调用Cmd用命令行进行打图集，如果选择的输出目录是unity内部则自动创建材质球和AtlasPrefab。并且自动设置图片格式。目前编辑器功能比较少够我在我的项目里面用了，代码也比较简单可自行添加，如有不懂可以留言交流。 使用前需要安装TexturePacker，并且需要添加到环...
动态合并图片到一个图集
04-30
最近做mmo的时候发现有很多琐碎的icon，比如战场中的头像，小地图的icon之类的，占用了很多的draw call 为了节省draw call就找到了这个代码。
Unity编辑器拓展之十八：NGUI批量替换图集工具 2.0版本
静风霁
08-04 1086
Unity编辑器拓展之十五：NGUI批量替换图集工具 2.0版本 1.0版本 https://blog.youkuaiyun.com/qq_26999509/article/details/81256493 新增内容 工具1.0版本，同事在使用过程中，发现批量替换图集时，不一定是全部都替换，这样的话，工具就没法使用了。 2.0版本新增功能：对于替换图集的Sprite支持可选择性的是否替换。 工具截...
Unity3d 使用Texturepacker制作NGUI图集
qq_22659345的博客
12-22 809
一：现在Texturepacker软件，直接百度搜索 二：，打开软件，选择如下选项 三：如下图所示 四：打开unity，导入ngui插件，新建一个gameobject，给他添加上UIAtlas脚本 五：新建材质球，shader选择如下图所示选项 六：将TexturePacker导出的txt文件和png文件导入unity中，进行如下操作 七：
Unity3d NGUI 一键打包Texurepacker NGUI图集
阿毛
05-05 3789
NGUI内置图集打包工具，生成的图集效率太低（空白区域太多），并且对图集的可调整性极差。相反Texturepacker支持如Unity、Cocos2d、Flash等多个平台，极丰富的配置参数，如DPI、图片通道格式，对齐算法，允许图集旋转等，提高了游戏中使用贴图的灵活性。 关于如何手动将Texturepacker制作NGUI图集。这里不作介绍。但为了读者对下面内容不感到突兀建议读者先了解该
使用texturePacker打包NGUI、UGUI图集
qq_27636823的博客
08-02 532
在图集打包过程中通常使用texturePacker进行打包，UGUI使用Sprite2D格式，NGUI则需要打包成Atlas图集 1. 5.0版本texturePacker拥有Unity两种导出格式（JSON data(.txt) 和 sprite sheet）,如果使用UGUI则选择sprite sheet，然后设置相关信息，如下图，并且在Unity中导入texturePacker import插件，该插件会自动将sprite图集分离。 2.如果使用NGUI的话选择JSON，然后在使用别的图片创建一个A
NGUI基础-图集制作（保姆级教程）
m0_71469414的博客
01-02 2022
建议：红色为重点，黑色了解即可。Atlas点开可看到工程里面的所有图集选Select还可以点击，选中图集。大家自己操作一下。Material快速选中图集关联的材质球。Texture快速选中图集关联的贴图。Padding点show in explorer我们可以看到图与图之间是有间隔的。数值是1，证明图与图之间的间隔就是1。一般不要填0。Tim Alpha移除多余空白空间，一般默认勾选。
NGUI 制作动态图集
IT你我
10-16 1116
List textures=new List(); List
Unity3D 动态创建图集并压入精灵(NGUI)
linxinfa的专栏
05-23 1839
private void createAtlas(Texture2D tex) { GameObject testAtlas=new GameObject (“testAtlas”); DynamicUIAtlas atlas=testAtlas.AddComponent<DinamicUIAtlas>(); atlas.Create(); strin...
Unity NGUI动态图集与图文混排实战技巧
NGUI for Unity扩展了Unity的UI功能，它包含了诸如UGUI、UI Widget、Texture Packer、Atlas Maker等组件。NGUI的用户界面系统在性能和灵活性方面受到开发者的高度评价。它可以实现高效的UI布局，支持大量元素的渲染...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值