关于cocos creator换装功能的实践与思考

最近在做一个基于cocos creator的微信小游戏，其中一个主要的功能是给角色进行换装。先来说下开发环境：

• cocos creator1.9.3
• spine 在官方的文档中只有设置皮肤的接口，实际上是存在可以部分换装的接口的。我去下载了引擎源码，然后找到了相关方法。这里先贴出换装的代码，之后再来分析其原理和注意事项。

function changeCloth(skeleton, slotName, targetSkinName, targetAttaName){
    console.log('change cloth:', slotName, targetSkinName, targetAttaName);
    const slot = skeleton.findSlot(slotName);
    const skeletonData = skeleton.skeletonData.getRuntimeData();
    const skin = skeletonData.findSkin(targetSkinName);
    const slotIndex = skeletonData.findSlotIndex(slotName);
    const atta = skin.getAttachment(slotIndex, targetAttaName);
    slot.setAttachment(atta);
}

要想了解其作用过程，你需要对spine的一些概念有一些基本的认识：spine动画的"根节点"是一个骨架，其下有很多骨骼，每个骨骼下都拥有一个或者多个插槽，每个插槽下可以有多个附件，但每个插槽最多只能显示一个附件。 了解完以上知识，那么上面的代码就很好理解了。无非就是获取对应的插槽，然后查询某个皮肤的附件，设置插槽罢了。但是这里还是有个坑的，因为皮肤并不直接使用附件，而是将附件放在皮肤占位符上，因此使用skin.getAttachment(slotIndex, targetAttaName)中的attaName实质上是其占位符的名字，和真正的附件名字毫无关联。而在默认情况下，spine是没有皮肤的（但在内部是一个名为'default'的皮肤，区别在于不适用皮肤占位符)，使用的是真正的附件名。