CVP认证学习笔记--李天宇022使用animationEditor编辑帧动画
来源:互联网 发布:linux终端界面 编辑:程序博客网 时间:2024/06/04 19:02
本节课主要学习了如何使用Animation Editor制作帧动画和如何在cocosjs环境下加载这些帧动画。首先通过查阅资料:
添加骨骼文件信息,由骨骼数据管理器管理。采用ccs.ArmatureFileInfo这个类添加动画文件,然后添加动画层,然后播放哪一帧的动画。当然在此之前一定要在我们的配置文件中加入”extensions”,只有加入这个才可以用cocostudio的内容......还有不能忘记在Resuorce.js添加.plist .png .json文件。具体代码如下:
var HelloWorldLayer = cc.Layer.extend({
sprite:null,
isAttack:null,
ctor:function () {
this._super();
var size = cc.winSize;
cc.eventManager.addListener({
event:cc.EventListener.TOUCH_ONE_BY_ONE,
swallowTouches:true,
onTouchBegan:this.ontouchbegan.bind(this),
onTouchMoved:this.ontouchmoved,
onTouchEnded:this.ontouchended.bind(this)
},this);
//添加动画文件
ccs.armatureDataManager.addArmatureFileInfo(res.ani_attack_json);
//添加动画层
var ani = new ccs.Armature("NewAnimationAttack");
//添加标记
ani.setTag(100);
ani.setPosition(size.width/2,size.height/2);
this.addChild(ani);
return true;
},
ontouchbegan: function (touch,event) {
var ani = event.getCurrentTarget().getChildByTag(100);
//播放刚刚添加的动画
ani.getAnimation().playWithIndex(0);
this.isAttack=false;
//当动画播放结束后,执行监听
ani.getAnimation().setMovementEventCallFunc(this.animationEvent,this);
return true;
},
animationEvent:function (armature,movementType,movementID) {
var size = cc.winSize;
if(!this.isAttack){
//移除之前的动画
this.removeChildByTag(100);
ccs.armatureDataManager.addArmatureFileInfo(res.ani_walk_json);
var ani1 = new ccs.Armature("NewAnimationWalk");
ani1.getAnimation().playWithIndex(0);
ani1.getAnimation().s
ani1.setPosition(size.width/2,size.height/2);
this.addChild(ani1);
}
},
ontouchmoved:function(){
},
ontouchended: function () {
}
});
var HelloWorldScene = cc.Scene.extend({
onEnter:function () {
this._super();
var layer = new HelloWorldLayer();
this.addChild(layer);
}
});
最后附上作业链接:
http://www.cocoscvp.com/usercode/3355e343a7cf923a23fbfb9cbf9551b1b6e73f48/
- CVP认证学习笔记--李天宇022使用animationEditor编辑帧动画
- CVP认证学习笔记--李天宇023使用animationEditor编辑骨骼动画
- CVP认证学习笔记--李天宇020实现切图帧动画
- CVP认证学习笔记--李天宇018spriteBatchNode使用
- CVP认证学习笔记--李天宇019实现帧动画处理
- CVP认证学习笔记--李天宇024粒子编辑器和粒子动画
- CVP认证学习笔记--李天宇001添加文字层
- CVP认证学习笔记--李天宇002添加图片层
- CVP认证学习笔记--李天宇004实现自定义场景
- CVP认证学习笔记--李天宇006场景切换特效
- CVP认证学习笔记--李天宇011节点的Action
- CVP认证学习笔记--李天宇012组合动作
- CVP认证学习笔记--李天宇014点击英雄
- CVP认证学习笔记--李天宇015实现绘图节点
- CVP认证学习笔记--李天宇016使用纹理缓存创建精灵
- CVP认证学习笔记--李天宇026对数组的使用
- CVP认证学习笔记--李天宇003实现文本菜单层
- CVP认证学习笔记--李天宇005实现多场景切换
- CVP认证学习笔记--李天宇017图片加载的进度实现
- CVP认证学习笔记--李天宇018spriteBatchNode使用
- CVP认证学习笔记--李天宇019实现帧动画处理
- CVP认证学习笔记--李天宇020实现切图帧动画
- CVP认证学习笔记--李天宇021纹理打包文件读取
- CVP认证学习笔记--李天宇022使用animationEditor编辑帧动画
- spring boot 学习笔记(005)提交json对象
- CVP认证学习笔记--李天宇023使用animationEditor编辑骨骼动画
- CVP认证学习笔记--李天宇024粒子编辑器和粒子动画
- 二分查找
- CVP认证学习笔记--李天宇025添加音乐和音效
- CVP认证学习笔记--李天宇026对数组的使用
- Apache配置中ProxyPassReverse指令的含义
- Android Studio 接入ZXing依赖库全流程