1.什么是TexturePacker
TexturePacker 是一款非常不错的图集制作工具,和 NGUI 自带的图集制作比较,其生成的图集更加紧凑,占用空间更加的小。下面图 NGUI_ChatWindow 和 NGUI_ChatWindow1 分别是 TexturePacker 和 NGUI 自带生成的图集对比
a.NGUI_ChatWindow
b.NGUI_ChatWindow1
NGUI 自带的生成的图片 5.3M>>2.7M
尺寸: 1024*1024 >>512*1024
达到同样的效果, TexturePacker 显然更加的优秀
2.用TexturePacker制作图集详细步骤
<1> 先下载一个 TexturePacker, 安装完成之后打开软件
<2> 准备好你需要制作成图集的图片,然后拖到 TexturePacker 的编辑框中,如下图
<3> 根据图片和不同的用途,调整相应的选项
说明:(需要修改的设置)
DataFormat: 平台
DataFile: 数据文件保存的位置和名称
Texure file :图片文件保存的位置和名称
Max.width: 自动生成 可以进行调整
Max.height 自动生成 可以进行调整
图集中图片的摆放位置是自动生成的,不能进行调整。
<3>. 点击 publish
生成如下两个文件(保存在你之前设置的路径下)
到这个时候呢,工作已经完成大部分了。接下来就是在 unity 中的工作了
<4>. 将上述两个文件导入到 unity 中
选中 chatWindow.png, 点击 NGUI->Atlas
maker( 这里是简写 )
删除掉 NGUI 生成的图片
将 TexturePacker 生成的贴图拉到 NGUI 生成的材质球的贴图中
这时,图集中还是一整张图
最后一步
OK ,到这里,图集的制作就全部都完成了
3.制作图集的小技巧
a. 背景图:带边框的纯色背景,只需要一张非常小的图片,通过制作九宫格,使用 uisprite 可以制作出效果很好的背景图 ( 在下个使用心得中介绍 )
b. 移动平台的图缩,更多信息访问
http://game.ceeger.com/Components/class-Texture2D.html
TexturePacker 是一款非常不错的图集制作工具,和 NGUI 自带的图集制作比较,其生成的图集更加紧凑,占用空间更加的小。下面图 NGUI_ChatWindow 和 NGUI_ChatWindow1 分别是 TexturePacker 和 NGUI 自带生成的图集对比
a.NGUI_ChatWindow
![点击查看原图](http://game.ceeger.com/forum/attachment/1308/thread/16_6580_55e998f4bc1705f.png)
b.NGUI_ChatWindow1
![点击查看原图](http://game.ceeger.com/forum/attachment/1308/thread/16_6580_c98736a8f58d8b8.png)
NGUI 自带的生成的图片 5.3M>>2.7M
尺寸: 1024*1024 >>512*1024
达到同样的效果, TexturePacker 显然更加的优秀
2.用TexturePacker制作图集详细步骤
<1> 先下载一个 TexturePacker, 安装完成之后打开软件
<2> 准备好你需要制作成图集的图片,然后拖到 TexturePacker 的编辑框中,如下图
![点击查看原图](http://game.ceeger.com/forum/attachment/thumb/1308/thread/16_6580_ecefac94e5a33cc.png)
<3> 根据图片和不同的用途,调整相应的选项
![点击查看原图](http://game.ceeger.com/forum/attachment/1308/thread/16_6580_d0f52f15045e381.png)
说明:(需要修改的设置)
DataFormat: 平台
DataFile: 数据文件保存的位置和名称
Texure file :图片文件保存的位置和名称
Max.width: 自动生成 可以进行调整
Max.height 自动生成 可以进行调整
图集中图片的摆放位置是自动生成的,不能进行调整。
<3>. 点击 publish
![点击查看原图](http://game.ceeger.com/forum/attachment/1308/thread/16_6580_e37928a3c24190d.png)
生成如下两个文件(保存在你之前设置的路径下)
![点击查看原图](http://game.ceeger.com/forum/attachment/1308/thread/16_6580_30c68ce88b46f00.png)
到这个时候呢,工作已经完成大部分了。接下来就是在 unity 中的工作了
<4>. 将上述两个文件导入到 unity 中
![点击查看原图](http://game.ceeger.com/forum/attachment/1308/thread/16_6580_e539707a562e35e.png)
选中 chatWindow.png, 点击 NGUI->Atlas
maker( 这里是简写 )
![点击查看原图](http://game.ceeger.com/forum/attachment/thumb/1308/thread/16_6580_849fc8cffe22b08.png)
删除掉 NGUI 生成的图片
![点击查看原图](http://game.ceeger.com/forum/attachment/1308/thread/16_6580_c7294b99af56973.png)
将 TexturePacker 生成的贴图拉到 NGUI 生成的材质球的贴图中
![点击查看原图](http://game.ceeger.com/forum/attachment/1308/thread/16_6580_6e50847a7975033.png)
这时,图集中还是一整张图
![点击查看原图](http://game.ceeger.com/forum/attachment/1308/thread/16_6580_25f8ced770734df.png)
最后一步
![点击查看原图](http://game.ceeger.com/forum/attachment/1308/thread/16_6580_edd0b634d67ba43.png)
OK ,到这里,图集的制作就全部都完成了
![点击查看原图](http://game.ceeger.com/forum/attachment/1308/thread/16_6580_48a265d36b6c2e5.png)
3.制作图集的小技巧
a. 背景图:带边框的纯色背景,只需要一张非常小的图片,通过制作九宫格,使用 uisprite 可以制作出效果很好的背景图 ( 在下个使用心得中介绍 )
b. 移动平台的图缩,更多信息访问
http://game.ceeger.com/Components/class-Texture2D.html
![点击查看原图](http://game.ceeger.com/forum/attachment/1308/thread/16_6580_1998da35e82959a.png)