quick-cocos2dx 之transition.execute()的缓动效果
2016-03-30 20:05
211 查看
注:本文图片来源(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
反方向移动缓慢,加速度相反
backOut
快速移动到结束, 然后缓慢返回到结束
backInOut
以backIn开始, 以backOut结束
bounce
bounceIn
以弹性缓动效果开始
bounceInOut
开始和结束都是弹性缓动效果
bounceOut
以弹性缓动效果结束
elastic, 附加参数默认为 0.3
elasticIn, 附加参数默认为 0.3
elasticInOut, 附加参数默认为 0.3
elasticOut, 附加参数默认为 0.3
exponentialIn, 附加参数默认为 1.0
exponentialInOut, 附加参数默认为 1.0
exponentialOut, 附加参数默认为 1.0
In, 附加参数默认为 1.0
带比例系数的cc.EaseIn 由慢到快
InOut, 附加参数默认为 1.0
慢快慢
Out, 附加参数默认为 1.0
带比例系数的cc.EaseIn 由快到慢
rateaction, 附加参数默认为 1.0
使用比例系数缓动actoon
sineIn
加速度先慢后快
sineInOut
加速度由快变慢再变快
sineOut
加速度先快后慢
版权声明: 本文为博主原创文章,未经博主允许不得转载。若本文内容侵权请告知,即刻删除。
如有错误,欢迎指出。 可在下方评论,亦可联系我。
Contact me:
QQ:812123870
e-mail:dxmdxm1992@gmail.com
什么是缓动, 缓动(easing) 是指动画效果在执行时被指定速度,使视感更加真实。
比较经典的, 缓慢开始,然后加速称为“缓入”(ease in),
快速开始,然后减速称为“缓出”(ease out)。
两者的结合叫做“缓入缓出”(ease in out)。
quick cocos2dx中的transition.execute() 是一个强大的工具,可以为原本单一的动作添加各种附加特性。
transition.execute() 的参数表格支持下列参数:
delay: 等待多长时间后开始执行动作
easing: 缓动效果的名字及可选的附加参数,效果名字不区分大小写
onComplete: 动作执行完成后要调用的函数
time: 执行动作需要的时间
下面是transition.execute() 支持的的一些缓动及描述:
backIn
反方向移动缓慢,加速度相反
backOut
快速移动到结束, 然后缓慢返回到结束
backInOut
以backIn开始, 以backOut结束
bounce
bounceIn
以弹性缓动效果开始
bounceInOut
开始和结束都是弹性缓动效果
bounceOut
以弹性缓动效果结束
elastic, 附加参数默认为 0.3
elasticIn, 附加参数默认为 0.3
elasticInOut, 附加参数默认为 0.3
elasticOut, 附加参数默认为 0.3
exponentialIn, 附加参数默认为 1.0
exponentialInOut, 附加参数默认为 1.0
exponentialOut, 附加参数默认为 1.0
In, 附加参数默认为 1.0
带比例系数的cc.EaseIn 由慢到快
InOut, 附加参数默认为 1.0
慢快慢
Out, 附加参数默认为 1.0
带比例系数的cc.EaseIn 由快到慢
rateaction, 附加参数默认为 1.0
使用比例系数缓动actoon
sineIn
加速度先慢后快
sineInOut
加速度由快变慢再变快
sineOut
加速度先快后慢
版权声明: 本文为博主原创文章,未经博主允许不得转载。若本文内容侵权请告知,即刻删除。
如有错误,欢迎指出。 可在下方评论,亦可联系我。
Contact me:
QQ:812123870
e-mail:dxmdxm1992@gmail.com
相关文章推荐
- Gifski:一个跨平台的高质量 GIF 编码器
- 模仿动画的放大缩小容器
- jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween
- Android实现定制返回按钮动画效果的方法
- Android中ViewFlipper的使用及设置动画效果实例详解
- jQuery实现美观的多级动画效果菜单代码
- Cocos2d-x中背景音乐和音效使用实例
- Cocos2d-x学习笔记之CCScene、CCLayer、CCSprite的默认坐标和默认锚点实验
- Cocos2d-x UI开发之CCControlPotentiometer控件类使用实例
- Cocos2d-x UI开发之文本类使用实例
- Cocos2d-x保存用户游戏数据之XML文件是否存在问题判断方法
- Cocos2d-x UI开发之菜单类使用实例
- Cocos2d-x UI开发之CCControlButton控件类实例
- Cocos2d-x学习笔记之世界坐标系、本地坐标系、opengl坐标系、屏幕坐标系
- php判断GIF图片是否为动画的方法
- jQuery实现动画效果circle实例
- HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
- 浅析JavaScript动画
- js排序动画模拟-插入排序
- javascript+HTML5的Canvas实现Lab单车动画效果