2019独角兽企业重金招聘Python工程师标准>>>
最近在做一个基于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'的皮肤,区别在于不适用皮肤占位符),使用的是真正的附件名。