NGUI使用心得之使用TexturePacker创建图集

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