游戏开发26课 图集

本文详细介绍了如何使用图集资源(Atlas)在游戏开发中优化美术资源,包括图集的优势、制作步骤,以及如何在CocosCreator中导入和使用SpriteFrame。重点讲解了合并图片减少包体和内存消耗,以及提高渲染效率的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

图集资源(Atlas)

图集(Atlas)也称作 Sprite Sheet,是游戏开发中常见的一种美术资源。图集是通过专门的工具将多张图片合并成一张大图,并通过 plist 等格式的文件索引的资源。可供 Cocos Creator 使用的图集资源由 plist 和 png 文件组成。下面就是一张图集使用的图片文件:

为什么要使用图集资源

在游戏中使用多张图片合成的图集作为美术资源,有以下优势:

  • 合成图集时会去除每张图片周围的空白区域,加上可以在整体上实施各种优化算法,合成图集后可以大大减少游戏包体和内存占用
  • 多个 Sprite 如果渲染的是来自同一张图集的图片时,这些 Sprite 可以使用同一个渲染批次来处理,大大减少 CPU 的运算时间,提高运行效率。

制作图集资源

要生成图集,首先您应该准备好一组原始图片:

接下来可以使用专门的软件生成图集,我们的图集制作软件包括:

  • TexturePacker 4.x
  • Zwoptex

使用这些软件生成图集时请选择 cocos2d-x 格式的 plist 文件。最终得到的图集文件是同名的 plist 和 png

注意:Cocos Creator 3.x 不支持 TexturePacker 4.x 以下的图集格式,否则导入时会出现报错。

导入图集资源

将上面所示的 plist 和 png 文件同时拖拽到 资源管理器 中,就可以生成可以在编辑器和脚本中使用的图集资源了。

Atlas 和 SpriteFrame

导入图集资源后,点击类型为 Atlas 的图集资源左边的三角图标,展开后可以看到图集资源里包含了很多类型为 SpriteFrame 的子资源,每个子资源都可以单独使用/引用。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值