Cocos2d-js 学习（三）: 简单动画使用

大佬教程收集整理的这篇文章主要介绍了Cocos2d-js 学习（三）: 简单动画使用，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_944_2@

1、 执行动画@H_944_2@

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

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

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

@H_944_2@

2、 动画无限执行@H_944_2@

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

sprite.runAction(action);@H_944_2@

@H_944_2@

3、 翻转设置的动画@H_944_2@

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

@H_944_2@

4、 动画顺序执行@H_944_2@

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

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

@H_944_2@

5、 动画同时执行@H_944_2@

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

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

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

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

@H_944_2@

6、 缓动效果@H_944_2@

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

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

@H_944_2@

常用缓动函数有：@H_944_2@

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

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

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

@H_944_2@@H_944_2@

7、 @H_944_2@动画回调设置@H_944_2@@H_944_2@

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

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

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

sprite.runAction(action); // fade@H_944_2@执行完后，执行@H_944_2@ cb@H_944_2@@H_944_2@

大佬总结

以上是大佬教程为你收集整理的Cocos2d-js 学习（三）: 简单动画使用全部内容，希望文章能够帮你解决Cocos2d-js 学习（三）: 简单动画使用所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。