cocos creator 基础一文通(十一)--骨骼动画一. 导入资源二. sp.Skeleton 类型三. 代码

spine和dragonbones

spine骨骼动画

一. 导入资源

然后直接把骨骼拖入节点树中就创建了一个骨骼节点(或者用空节点挂 spine skeleton组件)

该节点有如下组件:

二. sp.Skeleton 类型

三. 代码使用组件

1.获得组件

分为界面绑定和找节点找组件 //和以前一样不说了

四. 动画管道

1.清理管道

组件.clearTracks();

组件.clearTrack(0); //清理0号管道动画

2. 设置动画管道

① setAnimation 立即播放动画

② addAnimation //加入管道的动画播放序列中

五. 事件触发

1.动画开始事件

2. 动画结束事件

3. 动画每完成一次事件

4. 动画将被销毁事件

    start () {
        this.sp1=this.node.getParent().getChildByName("sheep").getComponent(sp.Skeleton);
        this.sp1.setStartListener(function(){
            console.log("动画开始");
        });
        this.sp1.setEndListener(function(){
            console.log("动画结束");
        });
        this.sp1.setCompleteListener(function(){
            console.log("动画结束一次");
        });
    },

稍微看了一下,总体来说这种格式对于cocos支持太少 API文档不完善可用资料也不多毕竟是白鹭系的 .管线序列没找到..... 建议用dragon编辑骨骼动画,导出spine格式为cocos所用.

dragonbones

一. 导入

二.API

ArmatureDisplay · GitBook

docs.cocos.com

三.代码应用 //(挖坑)

    start () {
        this.sp1=this.node.getChildByName("sheep").getComponent(dragonBones.ArmatureDisplay);
        console.log(this.sp1);
    },
    run_btn_click:function(){
        this.sp1.playAnimation("goat_walk_anim",1);
    }