咸鱼教程TextureMerger1.6.6 二：Sprite Sheet的制作和使用

Posted 2020-11-20 gamedaybyday

Sprite Sheet主要用于将零碎的小图合并成一张整图。减少加载图片时http的请求次数。


1 打开TextureMerger，选择Sprite Sheet

 


2  添加纹理（未创建项目时，会先弹出一个新建项目，任意取名创建一个项目就行）

 


选择4张图
 

图片添加到了项目中
附加拓展名：自动在图片名后增加“_png“。
布局：调整纹理合集图片的位置，选择后可直接在右边看到效果画布：Power2：百度2的N次幂...  FreeSize自动合适大小
间隙：图片间隔大一些，看得清楚...

 


3 导出

 


选择导出比例
 


导出为walkSheet，可以看到导出了两个文件，分别是配置文件walkSheet.json和纹理集walkSheet.png
 

4  使用walkSh

eet

将两个文件放到Egret资源文件下

 

可以看到在default.res.json下，有一个walkSheet.json文件，并且它的二级key是刚才的4张序列图

二级key等同于图片的资源名，和普通的单张图片资源名是一样在Egret中使用的。

 

代码中使用RES获取图片资源

 

运行效果

 

不过Egret现在发布项目时，已经整合了合并资源功能。不过你要想自己手动管理图片合并，仍然可以使用Sprite Sheet.