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

前端之家收集整理的这篇文章主要介绍了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

原文链接:https://www.f2er.com/cocos2dx/345789.html

猜你在找的Cocos2d-x相关文章