Ease 缓动函数
定义了缓动函数,以便实现Tween中的缓动效果,使用Tween方式的相关代码可以参考Tween
== 相关代码 ==
// 获取线性过渡中在100~1000中的50%时的状态值
var totalTime = 1000;
var currentTime = 500; // 即进行到了50%的程度,同时该值也可以大于totalTime,即超过100%
var start = 100;
var end = 1000;
var v = Ease.linearNone(currentTime,start,end-start,totalTime);
alert(v); // 550,即(1000-100)*(500/1000) + 100 = 550
维护人员:黑暗之神KDS
创建时间:2017-01-01
继承 无
子类 无
Public 方法
方法 |
---|
linearNone(t : number, b : number, c : number, d : number): number 静态定义无加速持续运动。 |
linearIn(t : number, b : number, c : number, d : number): number 静态定义无加速持续运动。 |
linearInOut(t : number, b : number, c : number, d : number): number 静态定义无加速持续运动。 |
linearOut(t : number, b : number, c : number, d : number): number 静态定义无加速持续运动。 |
bounceIn(t : number, b : number, c : number, d : number): number 静态方法以零速率开始运动,然后在执行时加快运动速度。 |
bounceInOut(t : number, b : number, c : number, d : number): number 静态开始运动时速率为零,先对运动进行加速,再减速直到速率为零。 |
bounceOut(t : number, b : number, c : number, d : number): number 静态以较快速度开始运动,然后在执行时减慢运动速度,直至速率为零。 |
backIn(t : number, b : number, c : number, d : number, s? : number): number 静态开始时往后运动,然后反向朝目标移动。 |
backInOut(t : number, b : number, c : number, d : number, s? : number): number 静态开始运动时是向后跟踪,再倒转方向并朝目标移动,稍微过冲目标,然后再次倒转方向,回来朝目标移动。 |
backOut(t : number, b : number, c : number, d : number, s? : number): number 静态开始运动时是朝目标移动,稍微过冲,再倒转方向回来朝着目标。 |
elasticIn(t : number, b : number, c : number, d : number, a? : number, p? : number): number 静态方法以零速率开始运动,然后在执行时加快运动速度。 |
elasticInOut(t : number, b : number, c : number, d : number, a? : number, p? : number): number 静态开始运动时速率为零,先对运动进行加速,再减速直到速率为零。 |
elasticOut(t : number, b : number, c : number, d : number, a? : number, p? : number): number 静态以较快速度开始运动,然后在执行时减慢运动速度,直至速率为零。 |
strongIn(t : number, b : number, c : number, d : number): number 静态以零速率开始运动,然后在执行时加快运动速度。 |
strongInOut(t : number, b : number, c : number, d : number): number 静态开始运动时速率为零,先对运动进行加速,再减速直到速率为零。 |
strongOut(t : number, b : number, c : number, d : number): number 静态以较快速度开始运动,然后在执行时减慢运动速度,直至速率为零。 |
sineInOut(t : number, b : number, c : number, d : number): number 静态开始运动时速率为零,先对运动进行加速,再减速直到速率为零。 |
sineIn(t : number, b : number, c : number, d : number): number 静态以零速率开始运动,然后在执行时加快运动速度。 |
sineOut(t : number, b : number, c : number, d : number): number 静态以较快速度开始运动,然后在执行时减慢运动速度,直至速率为零。 |
quintIn(t : number, b : number, c : number, d : number): number 静态以零速率开始运动,然后在执行时加快运动速度。 |
quintInOut(t : number, b : number, c : number, d : number): number 静态开始运动时速率为零,先对运动进行加速,再减速直到速率为零。 |
quintOut(t : number, b : number, c : number, d : number): number 静态以较快速度开始运动,然后在执行时减慢运动速度,直至速率为零。 |
quartIn(t : number, b : number, c : number, d : number): number 静态方法以零速率开始运动,然后在执行时加快运动速度。 |
quartInOut(t : number, b : number, c : number, d : number): number 静态开始运动时速率为零,先对运动进行加速,再减速直到速率为零。 |
quartOut(t : number, b : number, c : number, d : number): number 静态以较快速度开始运动,然后在执行时减慢运动速度,直至速率为零。 |
cubicIn(t : number, b : number, c : number, d : number): number 静态方法以零速率开始运动,然后在执行时加快运动速度。 |
cubicInOut(t : number, b : number, c : number, d : number): number 静态开始运动时速率为零,先对运动进行加速,再减速直到速率为零。 |
cubicOut(t : number, b : number, c : number, d : number): number 静态以较快速度开始运动,然后在执行时减慢运动速度,直至速率为零。 |
quadIn(t : number, b : number, c : number, d : number): number 静态方法以零速率开始运动,然后在执行时加快运动速度。 |
quadInOut(t : number, b : number, c : number, d : number): number 静态开始运动时速率为零,先对运动进行加速,再减速直到速率为零。 |
quadOut(t : number, b : number, c : number, d : number): number 静态以较快速度开始运动,然后在执行时减慢运动速度,直至速率为零。 |
expoIn(t : number, b : number, c : number, d : number): number 静态方法以零速率开始运动,然后在执行时加快运动速度。 |
expoInOut(t : number, b : number, c : number, d : number): number 静态开始运动时速率为零,先对运动进行加速,再减速直到速率为零。 |
expoOut(t : number, b : number, c : number, d : number): number 静态以较快速度开始运动,然后在执行时减慢运动速度,直至速率为零。 |
circIn(t : number, b : number, c : number, d : number): number 静态方法以零速率开始运动,然后在执行时加快运动速度。 |
circInOut(t : number, b : number, c : number, d : number): number 静态开始运动时速率为零,先对运动进行加速,再减速直到速率为零。 |
circOut(t : number, b : number, c : number, d : number): number 静态以较快速度开始运动,然后在执行时减慢运动速度,直至速率为零。 |
详情
linearNone
linearNone(t : number, b : number, c : number, d : number): number :
静态定义无加速持续运动。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
linearIn
linearIn(t : number, b : number, c : number, d : number): number :
静态定义无加速持续运动。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
linearInOut
linearInOut(t : number, b : number, c : number, d : number): number :
静态定义无加速持续运动。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
linearOut
linearOut(t : number, b : number, c : number, d : number): number :
静态定义无加速持续运动。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
bounceIn
bounceIn(t : number, b : number, c : number, d : number): number :
静态方法以零速率开始运动,然后在执行时加快运动速度。
它的运动是类似一个球落向地板又弹起后,几次逐渐减小的回弹运动。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
bounceInOut
bounceInOut(t : number, b : number, c : number, d : number): number :
静态开始运动时速率为零,先对运动进行加速,再减速直到速率为零。
它的运动是类似一个球落向地板又弹起后,几次逐渐减小的回弹运动。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
bounceOut
bounceOut(t : number, b : number, c : number, d : number): number :
静态以较快速度开始运动,然后在执行时减慢运动速度,直至速率为零。
它的运动是类似一个球落向地板又弹起后,几次逐渐减小的回弹运动。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
backIn
backIn(t : number, b : number, c : number, d : number, s? : number): number :
静态开始时往后运动,然后反向朝目标移动。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
@param s 指定过冲量,此处数值越大,过冲越大。
返回
指定时间的插补属性的值。
backInOut
backInOut(t : number, b : number, c : number, d : number, s? : number): number :
静态开始运动时是向后跟踪,再倒转方向并朝目标移动,稍微过冲目标,然后再次倒转方向,回来朝目标移动。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
@param s 指定过冲量,此处数值越大,过冲越大。
返回
指定时间的插补属性的值。
backOut
backOut(t : number, b : number, c : number, d : number, s? : number): number :
静态开始运动时是朝目标移动,稍微过冲,再倒转方向回来朝着目标。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
@param s 指定过冲量,此处数值越大,过冲越大。
返回
指定时间的插补属性的值。
elasticIn
elasticIn(t : number, b : number, c : number, d : number, a? : number, p? : number): number :
静态方法以零速率开始运动,然后在执行时加快运动速度。
其中的运动由按照指数方式衰减的正弦波来定义。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
@param a 指定正弦波的幅度。
@param p 指定正弦波的周期。
返回
指定时间的插补属性的值。
elasticInOut
elasticInOut(t : number, b : number, c : number, d : number, a? : number, p? : number): number :
静态开始运动时速率为零,先对运动进行加速,再减速直到速率为零。
其中的运动由按照指数方式衰减的正弦波来定义。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
@param a 指定正弦波的幅度。
@param p 指定正弦波的周期。
返回
指定时间的插补属性的值。
elasticOut
elasticOut(t : number, b : number, c : number, d : number, a? : number, p? : number): number :
静态以较快速度开始运动,然后在执行时减慢运动速度,直至速率为零。
其中的运动由按照指数方式衰减的正弦波来定义。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
@param a 指定正弦波的幅度。
@param p 指定正弦波的周期。
返回
指定时间的插补属性的值。
strongIn
strongIn(t : number, b : number, c : number, d : number): number :
静态以零速率开始运动,然后在执行时加快运动速度。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
strongInOut
strongInOut(t : number, b : number, c : number, d : number): number :
静态开始运动时速率为零,先对运动进行加速,再减速直到速率为零。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
strongOut
strongOut(t : number, b : number, c : number, d : number): number :
静态以较快速度开始运动,然后在执行时减慢运动速度,直至速率为零。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
sineInOut
sineInOut(t : number, b : number, c : number, d : number): number :
静态开始运动时速率为零,先对运动进行加速,再减速直到速率为零。
Sine 缓动方程中的运动加速度小于 Quad 方程中的运动加速度。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
sineIn
sineIn(t : number, b : number, c : number, d : number): number :
静态以零速率开始运动,然后在执行时加快运动速度。
Sine 缓动方程中的运动加速度小于 Quad 方程中的运动加速度。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
sineOut
sineOut(t : number, b : number, c : number, d : number): number :
静态以较快速度开始运动,然后在执行时减慢运动速度,直至速率为零。
Sine 缓动方程中的运动加速度小于 Quad 方程中的运动加速度。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
quintIn
quintIn(t : number, b : number, c : number, d : number): number :
静态以零速率开始运动,然后在执行时加快运动速度。
Quint 缓动方程的运动加速大于 Quart 缓动方程。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
quintInOut
quintInOut(t : number, b : number, c : number, d : number): number :
静态开始运动时速率为零,先对运动进行加速,再减速直到速率为零。
Quint 缓动方程的运动加速大于 Quart 缓动方程。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
quintOut
quintOut(t : number, b : number, c : number, d : number): number :
静态以较快速度开始运动,然后在执行时减慢运动速度,直至速率为零。
Quint 缓动方程的运动加速大于 Quart 缓动方程。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
quartIn
quartIn(t : number, b : number, c : number, d : number): number :
静态方法以零速率开始运动,然后在执行时加快运动速度。
Quart 缓动方程的运动加速大于 Cubic 缓动方程。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
quartInOut
quartInOut(t : number, b : number, c : number, d : number): number :
静态开始运动时速率为零,先对运动进行加速,再减速直到速率为零。
Quart 缓动方程的运动加速大于 Cubic 缓动方程。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
quartOut
quartOut(t : number, b : number, c : number, d : number): number :
静态以较快速度开始运动,然后在执行时减慢运动速度,直至速率为零。
Quart 缓动方程的运动加速大于 Cubic 缓动方程。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
cubicIn
cubicIn(t : number, b : number, c : number, d : number): number :
静态方法以零速率开始运动,然后在执行时加快运动速度。
Cubic 缓动方程的运动加速大于 Quad 缓动方程。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
cubicInOut
cubicInOut(t : number, b : number, c : number, d : number): number :
静态开始运动时速率为零,先对运动进行加速,再减速直到速率为零。
Cubic 缓动方程的运动加速大于 Quad 缓动方程。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
cubicOut
cubicOut(t : number, b : number, c : number, d : number): number :
静态以较快速度开始运动,然后在执行时减慢运动速度,直至速率为零。
Cubic 缓动方程的运动加速大于 Quad 缓动方程。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
quadIn
quadIn(t : number, b : number, c : number, d : number): number :
静态方法以零速率开始运动,然后在执行时加快运动速度。
Quad 缓动方程中的运动加速度等于 100% 缓动的时间轴补间的运动加速度,并且显著小于 Cubic 缓动方程中的运动加速度。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
quadInOut
quadInOut(t : number, b : number, c : number, d : number): number :
静态开始运动时速率为零,先对运动进行加速,再减速直到速率为零。
Quad 缓动方程中的运动加速度等于 100% 缓动的时间轴补间的运动加速度,并且显著小于 Cubic 缓动方程中的运动加速度。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
quadOut
quadOut(t : number, b : number, c : number, d : number): number :
静态以较快速度开始运动,然后在执行时减慢运动速度,直至速率为零。
Quad 缓动方程中的运动加速度等于 100% 缓动的时间轴补间的运动加速度,并且显著小于 Cubic 缓动方程中的运动加速度。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
expoIn
expoIn(t : number, b : number, c : number, d : number): number :
静态方法以零速率开始运动,然后在执行时加快运动速度。
其中每个时间间隔是剩余距离减去一个固定比例部分。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
expoInOut
expoInOut(t : number, b : number, c : number, d : number): number :
静态开始运动时速率为零,先对运动进行加速,再减速直到速率为零。
其中每个时间间隔是剩余距离减去一个固定比例部分。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
expoOut
expoOut(t : number, b : number, c : number, d : number): number :
静态以较快速度开始运动,然后在执行时减慢运动速度,直至速率为零。
其中每个时间间隔是剩余距离减去一个固定比例部分。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
circIn
circIn(t : number, b : number, c : number, d : number): number :
静态方法以零速率开始运动,然后在执行时加快运动速度。
缓动方程的运动加速会产生突然的速率变化。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
circInOut
circInOut(t : number, b : number, c : number, d : number): number :
静态开始运动时速率为零,先对运动进行加速,再减速直到速率为零。
缓动方程的运动加速会产生突然的速率变化。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。
circOut
circOut(t : number, b : number, c : number, d : number): number :
静态以较快速度开始运动,然后在执行时减慢运动速度,直至速率为零。
缓动方程的运动加速会产生突然的速率变化。
@param t 指定当前时间,介于 0 和持续时间之间(包括二者)。
@param b 指定动画属性的初始值。
@param c 指定动画属性的更改总计。
@param d 指定运动的持续时间。
返回
指定时间的插补属性的值。