雪碧图/帧动画
雪碧图/帧动画可以用于图层元素与发射器。主要解决以下两个问题：
- 有一些非常复杂的动画，比如骨骼动画、流体效果、物理碰撞等，暂时无法通过 Galacean Effects 编辑器制作。可以通过导入雪碧图，播放帧动画的方式在 Galacean Effects 中实现所需效果；
- 在同一个粒子发射器中，需要发射不同样式的粒子。用雪碧图可以大大节约发射器数量，提升动画性能
在 Galacean Effects 中，雪碧图按照从左至右、先上后下、逐行扫描的规则进行序列帧划分。
制作/编辑雪碧图
制作雪碧图有多种途径，可以通过三方动画制作软件产出雪碧图导入到 Galacean Effects 中使用，也可以直接使用 Galacean Effects 自带的【生成雪碧图】功能将序列帧图片转化为雪碧图。
AE Sprite 插件
这需要用户先在 AE 中用 Sprite 插件制作完成雪碧图，导入 Galacean Effects 中。
由于每个合成的图片上限是 2 个 2048*2048，因此需注意雪碧图的尺寸大小，并根据具体需求适当抽帧处理。
通过 AE Sprite 插件将需要的动效通过插件导出：
Galcean Effects 生成雪碧图
Galcean Effects 资源管理的【生成雪碧图】功能提供了将多张序列帧图合并成雪碧图资源的能力。
制作前需要准备好序列帧图，用户可以通过三方软件或者 Galcean Effects 菜单栏的 【文本】- 【导出】-【导出视频/动图】-【导出序列帧】等功能导出。按以下步骤进行雪碧图生成：
- 打开资源管理器点击【+】号进入【生成雪碧图】功能窗口
- 将所有的序列帧图拖入【序列帧上传】入口
- 点击导入【雪碧图】将在资源管理器中添加新生成的雪碧图
- 通过 Galcean Effects 【生成雪碧图】功能式导入的图片资源，在拖入画布或者被用作图层元素、粒子元素的纹理贴图时会被自动识别，绑定上雪碧图参数。
Galcean Effects 编辑雪碧图
用户如果已经有制作好的雪碧图，在 Galcean Effects 资源管理的【生成雪碧图】中可以进行编辑：
- 删减序列帧
- 重排序列帧
- 配置行、列、总帧数
- 将三方软件制作的从上至下、先左后右、逐列扫描的雪碧图转置为符合 Galcean Effects 排列规则的雪碧图。
有以下两种方式打开编辑弹窗：
- 如果想要编辑已导入资源窗口中的雪碧图，可以通过图片资源右键入口进入
- 如果想要编辑未导入资源窗口中的雪碧图，可以点击【+】号进入【生成雪碧图】功能窗口，再将雪碧图拖入【雪碧图上传】入口
在【雪碧图切割】弹窗中，勾选行列置可以实现雪碧图中帧图的行列排列方向
使用雪碧图
有两种方式将雪碧图以纹理贴图的方式，应用到图层元素或发射器中。
- 将资源管理器中的图片拖动到画布中，默认创建图层元素，可以自行配置雪碧图参数
- 先创建图层/粒子元素，再将图片绑定为纹理贴图，再进行雪碧图参数配置
如果是通过 Galacean Effects 编辑器【生成雪碧图】功能制作或编辑过的雪碧图，会自动应用雪碧图关联的默认参数。如果是以【导入图片】的方式添加到资源管理器中的图片，可以自行在属性面板配置。
配置雪碧图给元素
开启帧动画功能，配置功能函数
雪碧图设置
在元素的参数面板中，开启雪碧图/帧动画。图层使用帧动画时，改变行数与列数，会自适应改变元素大小。
行数、列数与总帧数
以下图为例，行为横向，7 行；列为纵向，9 列。总帧数代表雪碧图中一共有多少张图片，下图为 60 张。
帧动画雪碧图：
用于发射器时，1 行 4 列。总帧数可以不录入，默认 1。
发射器雪碧图：
开启帧动画
当开启帧动画选项为：关闭 [默认配置为关闭]
- 图层动画会根据输入的行列比，始终展示根据行列数切割后的第一张帧动画图。
- 粒子动画会根据行列比切割后的图层，随机选择某一张作为当前每个粒子的贴图，根据输入的行列数，等比切割雪碧图，随机播放，注意该状态下每个粒子的贴图都是固定的，不会播放帧动画。
当开启帧动画选项为：开启
Galacean Effects 将根据输入的行列数，等比切割雪碧图，顺序播放，连续播放的图片形成了动画。
- 帧动画默认会在元素生命周期内播放完成全部动画
- 如果需要元素在播放完所有的序列帧后调整播放速率，可以通过修改元素生命周期，搭配结束行为完成
注意事项
使用帧动画时，项目发布错误，提示202
若在使用帧动画时，在发布过程中遇到了发布错误，提示错误码为202，这时候我们需要检查一下我们的资源。
错误码202的释义为整体资源大小过大，导致的发布失败。这时候我们需要对整体的资源进行一定的大小压缩，在其它元素大小无可压缩时，可以根据帧动画的实际大小进行单帧压缩或者总帧数减少，从而满足发布要求。
帧动画播放时边缘有异常颜色？
若在使用帧动画时，发现开启帧动画的图层元素四周出现异常颜色，可以首先检查帧动画内容是否顶格显示。
如下图所示：使用彩带雪碧图时，由于彩带右侧线条贴边，按行列数切割时可能会保留边缘像素，导致图层元素出现异常颜色。
如果左侧出现异常颜色，需要雪碧图右侧增加留白；如果右侧出现异常颜色，需要雪碧图左侧增加留白；
如果上方出现异常颜色，需要雪碧图下方增加留白；如果下方出现异常颜色，需要雪碧图上方增加留白。
雪碧图内容右侧贴边：
按行/列裁切时，边缘像素被记录到下一帧：
左侧黑边，实际是上一帧边缘裁切到下一帧：
因此制作雪碧图时，注意给图片内容的四周留白，就可以避免出现这样的问题。在雪碧图编辑功能中，也可以自行修改原图的切割边距。
