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

原创
2018/07/11 22:12
阅读数 6.4K

最近在做一个基于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'的皮肤,区别在于不适用皮肤占位符),使用的是真正的附件名。

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部