@H_502_2@
下面给大家讲下关于图片资源从下载到使用的一个流程@H_502_2@
说明@H_502_2@
TexturePacker这个词从字面来说就是Texture（纹理）+Packer（打包）。将材质打包成大图，将小图通过算法合并成大图，减少了io的读取，同时占用了更少的内存空间。并且代码里也更容易管理这些材质。@H_502_2@
下载@H_502_2@
官网:@H_502_2@http://www.codeandweb.com/texturepacker
使用@H_502_2@
安装完毕，现在我们来使用这个工具吧！首先看到的是默认界面:@H_502_2@
@H_502_2@
和普通的程序相同，软件大致分为三个区最左边为参数配置区，中间为预览区，最右边为图片素材区。点击AddSprite或AddFolder按钮或者直接拖拽图片进去即可添加图片素材。@H_502_2@
左边的设置区域中，Output相关设置:@H_502_2@
OGEngine是基于OpenGlES2绘制图片的，软件经默认帮我们把2的幂次方选项选上了,Maxsize最好选择1024*1024以下即可:@H_502_2@
另外，根据各自需要，选择是否要切除原图空白处以节省空间。@H_502_2@
加载@H_502_2@
根据使用说明，我们将TexturePacker导出的三个文件@H_502_2@放到@H_502_2@assets目录下@H_502_2@
如图所示@H_502_2@
@H_502_2@
然后，我们需要把这些文件形成我们能用的纹理区域，为此OGE为我们封装了@H_502_2@RegionRes@H_502_2@的类，我们只需要编写一张表，用于存放对应的纹理@H_502_2@（Texture）@H_502_2@及纹理里面的各种纹理区域（@H_502_2@TextureRegion@H_502_2@）。@H_502_2@
另外，帧动画我们是以这种方式来命名@H_502_2@XXX_01，XXX_02，XXX_03...(其中，帧动画每张图片尺寸要一致)@H_502_2@
publicclassRes{@H_502_2@
//TexturePacker导出的文件path@H_502_2@
publicstaticfinalStringXML_GFX_GAME_01="gfx/game_01.xml";@H_502_2@
publicstaticfinalString[]ALL_XML=newString[]{@H_502_2@
Res.XML_GFX_GAME_01@H_502_2@
};@H_502_2@
@H_502_2@
publicstaticfinalStringNUM_BIG="Num_big";@H_502_2@//数字帧动画@H_502_2@
publicstaticfinalStringBAR_DOWN="bar_down";@H_502_2@
publicstaticfinalStringBAR_UP="bar_up";@H_502_2@
publicstaticfinalStringBRID_YELLOW="brid_yellow";@H_502_2@//小鸟帧动画@H_502_2@
...@H_502_2@
}@H_502_2@
RegionRes.loadTexturesFromAssets(Res.XML_GFX_GAME_01)@H_502_2@
完成读取后@H_502_2@那么我们就可以创建各种AnimateSprite(即使它不是帧动画)@H_502_2@
AnimatedSprite@H_502_2@bird=@H_502_2@newAnimatedSprite@H_502_2@
(0,Res.BRID_YELLOW,@H_502_2@get@H_502_2@VertexBufferObjectManager@H_502_2@()@H_502_2@);@H_502_2@
以上就是静态加载@H_502_2@图片@H_502_2@资源了，下面介绍@H_502_2@图片加载@H_502_2@(不用@H_502_2@TexturePacker@H_502_2@打包@H_502_2@)@H_502_2@@H_502_2@
RegionRes.loadBitmapTextureFromAssets(pFileName)@H_502_2@
