Cocos Creator 自动图集功能 (压缩纹理)

版本:2.3.4

参考 :

cocos教程:自动图集功能

cocos教程:压缩纹理

 

自动图集功能就是Cocos的自动合图功能,这里以5个装备图标为例子。

 

将5个零碎图标通过自动图集功能,在发布时自动合成一个整图

将5个装备图标,放在assets/resources/weapon文件夹下

Cocos Creator 自动图集功能 (压缩纹理)

 

 

weapon文件夹上右键,选择自动图集配置

Cocos Creator 自动图集功能 (压缩纹理)

 

 

生成了一个AutoAtlas文件

Cocos Creator 自动图集功能 (压缩纹理)

 

 

选中AutoAltas文件,在右侧属性检查器中点击Preview,可以预览自动合图后的效果

Cocos Creator 自动图集功能 (压缩纹理)

 

 

选择构建发布项目,

Cocos Creator 自动图集功能 (压缩纹理)

 

 

发布后,在build/web-mobile/res/raw-assets中查看,可以看到5个零碎图标被自动合成了一张图

Cocos Creator 自动图集功能 (压缩纹理)

 

 

压缩纹理

cocos还提供了图片压缩功能,只不过这个功能貌似有点问题。。。 

 

5个零碎图标:

Cocos Creator 自动图集功能 (压缩纹理)

 

合并后图标,合并后大小略有增加:

Cocos Creator 自动图集功能 (压缩纹理)

 

png的质量为80:

Cocos Creator 自动图集功能 (压缩纹理)

Cocos Creator 自动图集功能 (压缩纹理)

 

png的质量为10:

Cocos Creator 自动图集功能 (压缩纹理)

 

 Cocos Creator 自动图集功能 (压缩纹理)

 

 

为何质量越低,大小反而越大。。。