最近在做一個基于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'的皮膚，區別在于不適用皮膚占位符)，使用的是真正的附件名。