laya龙骨换装_分享:Dragonbones/Spine的换肤操作

目前LayaAir下支持龙骨的局部换肤(根据插槽索引换肤、根据插槽name换肤、纹理换肤、网格换肤)、全局换肤

需注意:

1、Dragonbones不支持全局换肤,Spine支持全局换肤

2、使用到IK和网格的动画需要开启WebGL,否则可能会出现皮肤丢失的情况

3、Dragonbones与spine的接口是一样的,除第一种情况外,下面的示例通用于Dragonbones和spine

下面我们就一个个来看下如何使用换肤的方法

1、局部换肤-根据插槽索引换肤,对应Skeleton类下的replaceSlotSkinByIndex方法

我们从创建动画开始,一步步来操作

1-1 打开dragonbones官方示例Dragon动画,并准备好一张皮肤,这次我打算替换head头部,开发者也可以选择自己喜欢的部位

打开的动画

d1bad7fd8c4c9fcf57e3f827318119c2.png

准备好的替换head头部的皮肤head4.png,(*^__^*) 嘻嘻……随便找来一张

fa0175b39bf4a3104bbac6ce5aee5667.png

1-2 将准备好的皮肤head4.png放到项目的library文件夹下(library文件夹是Dragonbones的资源存放文件夹)

a5d8b4d6a0a8f6a3b8181b278abead10.png

1-3 在Dragonbones编辑器舞台上点击小龙的头部,在场景树面板中可以看到我们选中的head皮肤,在资源面板中找到head4.png并拖拽到head皮肤上,这样就会自动生成head插槽下以及2个可选的皮肤纹理了,如下

e2c3d8010d694ebac2df5f943c8bf59b.png

放置OK显示如下,点击插槽下的皮肤前的小圆点,就可以自由切换皮肤了

0c9b4394b639907c999064868972e483.png

1-4 切换皮肤至原始状态,选中parts/head皮肤,然后导出动画(点击菜单->文件->导出)

677ec247c39884eeea135a79d14aeabf.png

注意:

1、龙骨版本在4.6至4.9版本之间,数据版本选择4.5,输出比例为1,配套纹理选择纹理集,导出类型为Dragonbones,选

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值