骨骼贴图布局设置
要确保骨骼动画也能够完全正确地参与动态 Instancing，需要用户手动指定每张骨骼贴图的数据分配方式。
比如一个场景中要绘制大量相同的人物角色，每个角色可能在走，可能在跳，可能在攻击。如果希望能够一个 drawcall 能正确完成所有角色的绘制，一个重要的前提条件是，这三个动画的数据都储存在同一张骨骼贴图内。目前在默认的预烘焙骨骼动画模式下，骨骼贴图已经做到全局自动复用，但每张贴图的大小和它们各储存哪些动画是不可预知的。如果不做任何处理直接开启蒙皮模型的 instancing 的话，体现在最终的运行时效果就是，有的动画效果正确，有的动画效果完全错乱，并且完全无法预测。因此我们引入骨骼贴图布局设置面板，用于手动指定每张骨骼贴图里，要存储哪些骨骼的哪些动画信息。
注意：骨骼贴图布局设置面板提供的，本质上是运行时的“内存分配指导规则”。对于指定的骨骼和动画资源，会保证按照指定规则分配，但如果运行时用到了并未指定规则的资源，还是会回到全局复用的自动分配模式上去。
下面我们以一个具体场景为例，展示设置流程和实际作用。
下图中展示了一个示例场景，有多个来自同一模型的实例，同时各播放完全不同的动画。这些模型使用实时计算动画模式，并没有开启 instancing。可以看到，当前场景加上 UI，总 drawcall 为 60，instance 计数为 0。这个状态将作为后面改动的 baseline，作为对照。
要创建开启 instancing 版本的模型，需要：
- 确认骨骼动画组件 (SkeletalAnimationComponent) 上勾选了
useBakedAnimation（使用预烘焙动画模式）； - 对所有蒙皮模型 (SkinningModel) 使用的材质，勾选
USE_INSTANCING开关；
在我们的示例场景中实际是制作了两套 prefab，并在开启 instancing 的版本中将材质漫反射颜色设为蓝色，以便同时观察和区分两套系统的表现。可以看到效果已完全正确，并且只用了 5 个 drawcall（每个模型分为 5 个部分），instance 数量为 45。
但一定注意，这里就能够正确渲染所有模型的原因是，动画数据量相对还比较小，通用的骨骼贴图全局复用逻辑就已经把所有动画数据写入了同一张贴图，因此效果是正确的。但随时可能加入的新动画如果超出了默认骨骼贴图的大小，动画效果就一定会出问题了，这也就是为什么骨骼贴图布局面板必须存在的原因。
出于展示目的，我们可以在布局面板故意将每个动画都单独放到一张贴图上，来看看最后的渲染效果：
通过菜单 Panel -> Animation -> Joint Texture Layout 打开骨骼贴图布局设置面板：
- 点击加号 ① ，可以增加一个 Texture 单元，一个 Texture 单元由多个 Skeleton 单元组成。
- 点击加号 ② ，可以增加一个 Skeleton 单元，一个 Skeleton 单元由一个 cc.Skeleton 资源和一至多个 cc.AnimationClip 资源组成。
- 点击加号 ③ ，可以增加一个 cc.AnimationClip 资源槽。
这里我们将 9 个不同的动画分开放在 9 个 Texture 单元内：
重新运行场景，效果变为：
可以看到此时动画效果出现了问题，所有动画都变成了播 attack 动作，并且有不时的模型消失问题。这背后的原因可以精确地分析清楚：
- 每个 drawcall 绘制 9 个实例，分别在播 9 个不同的动画；
- 但骨骼动画贴图每个 drawcall 只能用一张，这里明显使用了 Texture 单元 0，只有一个 attack 动画；
- 而不同动画片段的长度不同，有些长度超过 attack 的片段在最后一段时间会读到 Texture 单元 0 的有效区域之外，这里的数据并未定义（一般是默认全 0），不是有效的骨骼变换数据，自然无法正确渲染了。
注意：这里的 9 张贴图上都只有同一个骨骼的动画信息，所以最终效果哪怕贴图已经错了，渲染出来也只是动作错了而已；但如果一张贴图内有多个骨骼的动画信息，同时出现贴图不匹配情况的话，渲染效果就会完全错乱。
对于这个示例场景，因为这个模型的确需要同时同屏播放这 9 个动画片段，所以正确的骨骼贴图布局设置为：
这下就能够 保证 正确渲染了。观察面板上相关数据的变化：
- Texture 单元 0 总大小为 276 x 276（由算法自动生成的，足够存放指定的所有动画数据的最小尺寸）；
- 指定的 9 组动画数据占了这张贴图的 94.41%，有 5.59% 的多余空间；（这部分空间在运行时并不会参与全局复用）
另外，贴图尺寸旁的图标颜色指示了当前贴图的设备适配情况：
- 绿色（边长 1024 以下）：所有设备都确保有效；
- 黄色（边长 1024 - 2048）：某些不支持浮点贴图的移动设备或小游戏平台可能会不支持；
- 红色（边长 2048 以上）：许多移动设备上都不支持；
注意：这里只是在一张贴图上放了一套骨骼的 9 个动画，但只要总大小没有超过设备上限，每张贴图上可以放 任意多套骨骼 的任意数量动画。通常一张贴图放多套骨骼是更为常见的情况，比如对于蒙皮模型的平面阴影。
我们可以继续增加更多场景中的实例数量，可以看到 drawcall 数量并不会改变，只有 instance 数量的增加：
欢迎实际上手试试！这个测试场景是 展示例仓库 内 show-cases 项目的 instanced-skinning 场景。