quick-cocos2dx 的transition.execute()的缓动效果

本文图片来源(http://hosted.zeh.com.br/tweener/docs/en-us/misc/transitions.html, 侵权请告知,即刻删除)

缓动(easing) 是指动画效果在执行时被指定速度,使视感更加真实。

比较经典的, 缓慢开始,然后加速称为“缓入”(ease in),
快速开始,然后减速称为“缓出”(ease out)。
两者的结合叫做“缓入缓出”(ease in out)。

quick cocos2dx中的transition.execute() 是一个强大的工具,可以为原本单一的动作添加各种附加特性。

transition.execute() 的参数表格支持下列参数:
delay: 等待多长时间后开始执行动作
easing: 缓动效果的名字及可选的附加参数,效果名字不区分大小写
onComplete: 动作执行完成后要调用的函数
time: 执行动作需要的时间

下面是transition.execute() 支持的的一些缓动及描述:

  • backIn
    反方向移动缓慢,加速度相反
    quick-cocos2dx 的transition.execute()的缓动效果_第1张图片

  • backOut
    快速移动到结束, 然后缓慢返回到结束
    quick-cocos2dx 的transition.execute()的缓动效果_第2张图片

  • backInOut
    以backIn开始, 以backOut结束

  • bounce

  • bounceIn
    以弹性缓动效果开始

  • bounceInOut
    开始和结束都是弹性缓动效果
    quick-cocos2dx 的transition.execute()的缓动效果_第3张图片

  • bounceOut
    以弹性缓动效果结束
    quick-cocos2dx 的transition.execute()的缓动效果_第4张图片

  • elastic, 附加参数默认为 0.3

  • elasticIn, 附加参数默认为 0.3

  • elasticInOut, 附加参数默认为 0.3

  • elasticOut, 附加参数默认为 0.3

  • exponentialIn, 附加参数默认为 1.0
    quick-cocos2dx 的transition.execute()的缓动效果_第5张图片

  • exponentialInOut, 附加参数默认为 1.0
    quick-cocos2dx 的transition.execute()的缓动效果_第6张图片

  • exponentialOut, 附加参数默认为 1.0
    quick-cocos2dx 的transition.execute()的缓动效果_第7张图片

  • In, 附加参数默认为 1.0
    带比例系数的cc.EaseIn 由慢到快

  • InOut, 附加参数默认为 1.0
    慢快慢
  • Out, 附加参数默认为 1.0
    带比例系数的cc.EaseIn 由快到慢

  • rateaction, 附加参数默认为 1.0
    使用比例系数缓动actoon

  • sineIn
    加速度先慢后快
    quick-cocos2dx 的transition.execute()的缓动效果_第8张图片

  • sineInOut
    加速度由快变慢再变快
    quick-cocos2dx 的transition.execute()的缓动效果_第9张图片

  • sineOut
    加速度先快后慢
    quick-cocos2dx 的transition.execute()的缓动效果_第10张图片

版权声明: 本文为博主原创文章,未经博主允许不得转载。若本文内容侵权请告知,即刻删除。
如有错误,欢迎指出。
可在下方评论,也可联系我。
Contact me:
QQ:812123870
e-mail:[email protected]

你可能感兴趣的:(动画,cocos2d-x,缓动)