天天看點

cocos2d-js spine自定義某個骨骼的圖檔

spine官方提供了換裝(皮膚)的方法,但是皮膚需要提前由美術做到 spine項目上,這樣的話想實作未知圖檔就沒法使用了。然而要求是不能修改庫,于是隻能劍走偏鋒了。

思路:

1、美術把需要換圖的骨骼做成空的(沒有圖檔的)。

2、自己建立一個圖檔(node),并添加到spine對象上(spine對象添加到對應的 ui上)。

3、使用 findBone 方法擷取對應的骨骼對象。

4、在ui的 update 方法中設定圖檔的位置為骨骼的位置。

以下為示例代碼:

var spine = sp.SkeletonAnimation.createWithJsonFile(res.VSbipai_json, res.VSbipai_atlas);
        spine.setAnimation(0, "animation", true);
        this.addChild(spine);
        this._sp = spine;
        spine.setPosition(ccvr.width / 2, ccvr.height / 2);
        this._img = new ccui.ImageView(g_res.img_hall_head_1_png);
        spine.addChild(this._img); // 将圖檔添加到 spine 上(不添加到對應的 spine 在接下來擷取骨骼的位置後需要轉換)
           
update: function (time)
    {
        var ss = this._sp.findBone("you");// 需要使用的骨骼
        this._img.setPosition(ss.x, ss.y);
    }