cocos2d-js spine自定义某个骨骼的图片

最新推荐文章于 2024-11-13 13:01:47 发布

wpj0304

最新推荐文章于 2024-11-13 13:01:47 发布

阅读量1k

点赞数

分类专栏： cocos2dx-js spine 骨骼换图

本文链接：https://blog.youkuaiyun.com/wpj0304/article/details/99961993

版权

cocos2dx-js 同时被 3 个专栏收录

3 篇文章

订阅专栏

spine

1 篇文章

订阅专栏

骨骼换图

1 篇文章

订阅专栏

本文介绍了一种在不修改Spine库的前提下实现动画角色换装的创新方法。通过将骨骼做成空壳，并自定义图片节点，利用findBone方法获取骨骼位置，实现在UI更新时动态调整图片位置，达到换装效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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);
    }