Cocos Creator 自动图集功能

Posted gamedaybyday

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Cocos Creator 自动图集功能相关的知识,希望对你有一定的参考价值。

Cocos Creator 版本:2.3.4

 

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

 

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

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

技术图片

 

 

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

技术图片

 

 

生成了一个AutoAtlas文件

技术图片

 

 

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

技术图片

 

 

选择构建发布项目,

技术图片

 

 

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

技术图片

 

 

 图标大小

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

 

5个零碎图标:

技术图片

 

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

技术图片

 

png的质量为80:

技术图片

技术图片

 

png的质量为10:

技术图片

 

 技术图片

 

 

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

 

以上是关于Cocos Creator 自动图集功能的主要内容,如果未能解决你的问题,请参考以下文章

cocos creator图集资源Atlas的创建与引用

cocos creator 性能优化之减少drawcall数量

cocos creator 聊天气泡

为啥cocos creator 不选择兼容c#而是只有js

cocos creator bug集锦

Cocos Creator 功能介绍