CocosCreator之自动图集资源 (Auto Atlas)

时间:2024-03-16 07:56:49

自动图集资源 (Auto Atlas)

自动图集资源 作为 Cocos Creator 自带的合图功能,可以将指定的一系列碎图打包成一张大图,具体作用和 Texture Packer 的功能很相近。

创建自动图集资源

在 资源管理器 中右键,可以在如下菜单中找到 新建 -> 自动图集配置 的子菜单,点击菜单将会新建一个类似 AutoAtlas.pac 的资源。

CocosCreator之自动图集资源 (Auto Atlas)

自动图集资源 将会以当前文件夹下的所有 SpriteFrame 作为碎图资源,以后会增加其他的选择碎图资源的方式。 如果碎图资源 SpriteFrame 有进行配置过,在打包后重新生成的 SpriteFrame 将会保留这些配置。

配置自动图集资源

在资源管理器中选中一个 自动图集资源 后,属性检查器 面板将会显示 自动图集资源 的所有可配置项。

CocosCreator之自动图集资源 (Auto Atlas)

属性 功能说明
最大宽度 单张图集最大宽度
最大高度 单张图集最大高度
间距 图集中碎图之间的间距
允许旋转 是否允许旋转碎图
输出大小为正方形 是否强制将图集长宽大小设置成正方形
输出大小为二次幂 是否将图集长宽大小设置为二次方倍数
算法 图集打包策略,可选的策略有 [BestShortSideFit、BestLongSideFit、BestAreaFit、BottomLeftRule、ContactPointRule]
扩边 在碎图的边框外扩展出一像素外框,并复制相邻碎图像素到外框中。该功能也称作 “Extrude”。
不包含未被引用资源 在预览中,此选项不会生效,构建后此选项才会生效

配置完成后,如需预览,请点击 预览 按钮来预览打包的结果,结果将会展示在 属性检查器 下面的区域。

结果分为:

  • Packed Textures:显示打包后的图集图片以及图片相关的信息,如果会生成的图片有多张,则会往下在 属性检查器 中列出来。
  • Unpacked Textures:显示不能打包进图集的碎图资源,造成的原因有可能是这些碎图资源的大小比图集资源的大小还大导致的,这时候可能需要调整下图集的配置或者碎图的大小了。

生成图集

预览项目或者在 Cocos Creator 中使用碎图的时候都是直接使用的碎图资源,在 构建项目 这一步才会真正生成图集到项目中。

注意:如果碎图开启了 Alpha 预乘,那么在生成图集时会失效。若需要使用预乘功能,可在图集上勾选 Premultiply Alpha。

CocosCreator之自动图集资源 (Auto Atlas)

关注公众号:《码之有道》,一起聊游戏全栈开发!

1、公众号回复:【教程】获取零基础游戏开发客户端+服务端全套教程。
2、公众号回复:【实战】获取企业级实战项目。
3、公众号回复:【资料】获取大学四年整理的所有自学资料