动画获取的方式：

第一种，编辑器绑定

//1.编辑器绑定anim: {type: cc.Animation,default: null,},

第二种，代码获取组件

         //2.代码获取var anim_node = this.node.getChildByName("anim");this.anim_comm = anim_node.getComponent(cc.Animation);

动画播放的方式：

第一种，直接play

播放1--直接play
this.anim_comm.play("anim1");this.anim.play("anim1");

第二种，使用事件on来play

        播放2--使用事件(cc.Animation动画组件对象实例来监听事件on，不是节点)this.anim_comm.on("play", function(){console.log("----play----");}.bind(this), this);

动画里面调用代码函数

点击左边按钮；右边会出现一个小的白色方块；

然后双击小白块，出现下面框，添加函数和参数；

保存，在代码里面添加对应的函数；

在动画anim节点下面添加js脚本代码；

输出显示：

骨骼动画

资源文件有：JXM.png、JXM.json、JXM.atlas；如下编辑器所示：

将1处的恐龙头像的JXM拖到Canvas下；添加js脚本并挂载。

添加3个按钮，实现：进入场景动画、动画效果1、动画效果2 的播放。

获取组件两种方式：

第一，编辑器绑定：

 spine: {type: sp.Skeleton,default: null,},

第二，代码获取：

this.spine_com = this.node.getChildByName("JXM").getComponent(sp.Skeleton);

三个事件响应处理函数

    btn_click_enter: function(){//清理动画播放管道，索引来标识//this.spine_com.clearTracks();//清理所有播放队列的动画this.spine_com.clearTrack(0);//指定管道索引this.spine_com.setAnimation(0, "in", false);//把管道清空，加入当前动画this.spine_com.addAnimation(0, "idle_1", true);//将动画以排列的方式加入到管道},btn_click_act1: function(){this.spine_com.clearTrack(0);this.spine_com.setAnimation(0, "clk_1", false);this.spine_com.addAnimation(0, "idle_1", true);},btn_click_act2: function(){this.spine_com.clearTrack(0);this.spine_com.setAnimation(0, "clk_2", false);this.spine_com.addAnimation(0, "idle_1", true);},

动画事件监听，（开始、结束、完成）三个过程的监听

    onLoad () {this.spine_com = this.node.getChildByName("JXM").getComponent(sp.Skeleton);//动画事件监听--开始时监听this.spine_com.setStartListener(function(){console.log("----setStartListener----");});//动画事件监听--结束时监听this.spine_com.setEndListener(function(){console.log("----setEndListener----");});//动画事件监听--完成时监听this.spine_com.setCompleteListener(function(){console.log("----setCompleteListener----");});},

监听效果：

creator小功能----关于帧动画Animation和骨骼动画Skeleton一些有趣的东西相关推荐

Skeletal Animation（骨骼动画）
Skeletal Animation(骨骼动画) 有关骨骼动画的东西都放在这里好了. http://en.wikipedia.org/wiki/Skeletal_animation Skeletal ...
动画编辑器和骨骼动画使用
动画编辑器 1.使用编辑器来创建编辑动画 (1)创建一个节点 (2)往节点里添加动画组件cc.Animation (3)编辑动画剪辑器制作 AnimClip 动画剪辑就是一份动画的声明数据,我们将它 ...
【Away3D代码解读】（五）：动画模块及骨骼动画
动画模块核心存放在away3d.animators包里: Away3D支持下面几种动画格式: VertexAnimator:顶点动画 SkeletonAnimator:骨骼动画 UVAnimator: ...
【Unity3D小技巧】Unity3D中Animation和Animator动画的播放、暂停、倒放控制
推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享简书地址我的个人博客大家好,我是佛系工程师☆恬静的小魔龙☆,不定时更新Unity开发技巧,觉得有用记得一键三连哦. 一.前言 ...
cocos creator 动画编辑器以及骨骼动画的使用
转载地址:https://www.cnblogs.com/rickyctbu/p/10086597.html 一.普通动画的设置 1.添加动画组件 a.添加空节点=>添加动画组件 b.新建Cli ...
Spine2D动画系统添加骨骼动画事件帧
spine是基于骨骼的2D动画系统,相比较与模型动画各有利弊.在做项目时,有时候需要在spine特定骨骼出添加动画帧,类似于模型动画的Animation动画帧一样. 接下来就是 spine骨骼的2D动 ...
gpu instancing animation代替骨骼动画的做法
最早是在Unity推出gpuinstancing后,马上有人做了一个顶点动画代替骨骼动画的方案,当时自己也测试了一下,红米2一千人可以跑60帧,确实非常不错.后来发现UWA群里也有人在讨论这个东西的做 ...
layaAir引擎制作游戏的图集动画、时间轴动画、和骨骼动画总结二
一.角色序列帧.ani动画的制作 1.在项目管理器中创建动画文件 2.创建动画模板,编辑动效名称 3.编辑序列帧动画 .ani格式动画的代码控制 1.动画加载loadAnmition() 2.播放与停 ...
3D动画概述暨骨骼动画实现
引言本文论述了3D领域内的常见动画类型的运作机制.不同于其他文章简单的罗列和介绍每种类型的3D动画,本文尝试以一种优化演进的思路对动画运作机理进行递进式推演,在这个过程中自然而然的推导出常见的几种3 ...

creator小功能----关于帧动画Animation和骨骼动画Skeleton一些有趣的东西