Cocos2d-js 学习(三): 简单动画使用

 

1、  执行动画

var sprite = new cc.Sprite(“图片地址..”);

var action = cc. scaleBy(0.5, 0.5);

sprite.runAction(action); // 动画执行一次

 

2、  动画无限执行

action. repeatForever(); // 调用一下这个玩意,动画就能无限执行

sprite.runAction(action);

 

3、  翻转设置的动画

var action2 = action. reverse(); // 翻转设置的动画

 

4、  动画顺序执行

var seq = cc.sequence(action, action2); // 动画按action、action2顺序执行

sprite.runAction(seq); // 执行一次动画

 

5、  动画同时执行

var action1 = cc.scaleTo(1.5, 1.5);

var action2 = cc. cc.moveBy(1.5, 50, 0);

var spawn = cc.spawn(action1, action2); // 动画同时执行

sprite.runAction(spawn); // 执行一次动画

 

6、  缓动效果

var jump = cc.jumpTo(1秒, x, y, 幅度, 次数);

jump.easing(// 缓动函数);

 

常用缓动函数有:

A、cc.easeIn(); // 0开始加速

B、cc.easeOut(); // 减速到0

C、cc.easeInOut(); // 先加速后减速

 

7、 动画回调设置

var cb = cc.callFunc(回调处理函数, 函数的this对象);

var fade = cc.fadeOut(2); // 2秒后fadeOut

var action = cc.sequence(fade, cb);

sprite.runAction(action); // fade执行完后,执行 cb


你可能感兴趣的:(Cocos2d-js,web前端)