首先是制作一个动画
这里的话我自己制作了一个小视频在B站上面
https://www.bilibili.com/video/av45574701/
这是一张截图
在这里插入图片描述
主要是在这里
我设置了2中武器,
skin_01,skin_02,
而skin_00是使用一张白色图片代码的,在里面设置成白色就代表没有武器的情况了

相应的代码和项目可以直接从github上面获取(这里使用的是cocos creator 2.0.8的spine 1.7.03)
https://github.com/hcqmaker/sharething/tree/master/tutorial_spine_and_cococreator_changeweapon_demo
关键这里提一下就是,相应的切换代码很简单


cc.Class({
    extends: cc.Component,

    properties: {

        _spine: null,
        _skins: [],
        _skinIdx: 0,
    },

    start () {
        var spine = this.getComponent("sp.Skeleton");
        this._spine = spine;

        this._skins = ["skin_00", "skin_01", "skin_02"];
    },

    onChangeSkin(){
        this._skinIdx++;
        if (this._skinIdx >= this._skins.length){
            this._skinIdx = 0;
        }

        var skinName = this._skins[this._skinIdx];
        cc.log("==>skinName=>", skinName);
        this._spine.setSkin(skinName);
    },
});

在这里插入图片描述

更多推荐