注:本文图片来源(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


quick-cocos2dx 之transition.execute()的缓动效果的更多相关文章

  1. javascript的缓动效果

    这部分对原先的缓动函数进行抽象化,并结合缓动公式进行强化.成品的效果非常惊人逆天.走过路过不要错过. 好了,打诨到此为止.普通的加速减速是难以让人满意的,为了实现弹簧等让人眼花缭乱的效果必须动用缓动公 ...

  2. javascript 45种缓动效果BY司徒正美

    javascript 45种缓动效果 参数 类型 说明 el element 必需,为页面元素 begin number 必需,开始的位置 change number 必需,要移动的距离 durati ...

  3. 过渡与动画 - 缓动效果&基于贝塞尔曲线的调速函数

    难题 给过渡和动画加上缓动效果是一种常见的手法(比如具有回弹效果的过渡过程)是一种流行的表现手法,可以让界面显得更加生动和真实:在现实世界中,物体A点到B点往往也是不完全匀速的 以纯技术的角度来看,回 ...

  4. animation js控制 缓动效果

    <!DOCTYPE html><html><head><meta charset="utf-8" /><title>缓动 ...

  5. [ActionScript 3.0] AS3 用于拖动对象时跟随鼠标的缓动效果

    package com.fylibs.components.effects { import flash.display.DisplayObject; import flash.events.Even ...

  6. Adobe Edge Animate –弹性的方块-使用tweenmax缓动效果

    Adobe Edge Animate –弹性的方块-使用tweenmax缓动效果 版权声明: 本文版权属于 北京联友天下科技发展有限公司. 转载的时候请注明版权和原文地址. 此前有Edge爱好者提出一 ...

  7. 《JavaScript 实战》:Tween 算法及缓动效果

    Flash 做动画时会用到 Tween 类,利用它可以做很多动画效果,例如缓动.弹簧等等.我这里要教大家的是怎么利用 Flash 的 Tween 类的算法,来做js的Tween算法,并利用它做一些简单 ...

  8. 软件项目技术点(1)——Tween算法及缓动效果

    AxeSlide软件项目梳理   canvas绘图系列知识点整理 Tween算法及缓动效果 软件里在切换步序时需要有过渡动画效果,从当前位置的画面缓动到目标位置的画面.动画效果可重新查看文章系列第一篇 ...

  9. WPF中ListBox滚动时的缓动效果

    原文:WPF中ListBox滚动时的缓动效果 上周工作中遇到的问题: 常规的ListBox在滚动时总是一格格的移动,感觉上很生硬. 所以想要实现类似Flash中的那种缓动的效果,使ListBox滚动时 ...

随机推荐

  1. java.util.ComparableTimSort中的sort()方法简单分析

    TimSort算法是一种起源于归并排序和插入排序的混合排序算法,设计初衷是为了在真实世界中的各种数据中能够有较好的性能. 该算法最初是由Tim Peters于2002年在Python语言中提出的. T ...

  2. php创建简单的列表页

    php创建简单的列表页 样例 代码 <?php $userInfo[] = array( 'id'=>'1', 'username'=>'fry', 'sex'=>'nan', ...

  3. [NOIP 2007] 树网的核

    [题目链接] https://www.lydsy.com/JudgeOnline/problem.php?id=1999 [算法] 树的直径 + 单调队列 [代码] #include<bits/ ...

  4. x64汇编第三讲,64位调用约定与函数传参.

    目录 x64汇编第三讲,64位调用约定与函数传参. 一丶复习X86传参 二丶x64汇编 2.1汇编详解 x64汇编第三讲,64位调用约定与函数传参. 一丶复习X86传参 在x86下我们汇编的传参如下: ...

  5. rsync文件备份同步

    1.rsync有两种认证协议: ssh认证协议 rsync server端不需要启动daemon进程,所以不用配置/etc/rsyncd.conf,只需要获取远程host的用户名密码 例: rsync ...

  6. 移动测试基础—adb、monkey命令

    最近打算把移动测试相关的知识总结一下,先从基础开始吧,总结一下adb.monkey命令 adb常用命令总结 adb / adb -help 使用帮助 adb devices 查看连接到电脑的设备 ad ...

  7. CSS浮动相关解决办法

    浮动元素引起的问题: 1. 父元素的一级子元素全都为浮动元素的情况下,父元素的高度无法被撑开,影响与父元素同级的元素 2. 与浮动元素同级的非浮动元素(内容)会跟随其后 3. 若非第一个元素浮动,则该 ...

  8. WRAR下载及注册

    下载过程: 1.打开winrar官网:https://www.win-rar.com 2.点击下载winrar按钮,如上图所示 3.进入下一页面,点击下载按钮即可完成下载过程 注册过程:https:/ ...

  9. ibatis设置启用及关闭命名空间

    使ibatis用命名空间能够有效避免sql配置命名冲突,默认为启用状态,可以通过settings标签设置为关闭状态,例如: <settings> <setting name=&quo ...

  10. android黑科技系列——破解游戏之修改金币数

    我们在玩游戏的时候总是会遇到一些东东需要进行购买的,但是我们可能又舍不得花钱,那么我们该怎么办呢?那就是用游戏外挂吧!我们这里说的是Android中的游戏,在网上搜索一下移动端游戏外挂,可能会找到一款 ...