目前使用Tweener补间引擎制作的动画基本都是单一方向的,无法沿着某一段曲线缓动。而这种沿着特定路径进行运动的动画效果是可以通过时间轴补间来完成的,好在Tweener补间引擎为我们提供了Bezier曲线的缓动参数。Bezier缓动参数必须至少指定三个点,其中缓动目标目前所在的...
everyinch
12年前 (2013-07-03) 6528℃
3喜欢
Back类型的缓动easeInBack、easeOutBack、easeInOutBack,Elastic类型的缓动easeInElastic、easeOutElastic、easeInOutElastic,具有一定的弹性效果,适当的使用可以制作出与众不同的动画效果。示例源代码...
everyinch
12年前 (2013-07-03) 5844℃
1喜欢
大家知道,二次缓动实际是抛物线的一段。这样可以使用Tweener补间引擎来模拟抛物线的轨迹。首先使用linear类型的补间将目标物体移动到指定的x坐标,假设时间为1。这时将时间分成两个部分,前0.5秒使用二次缓入easeInQuad向上缓动目标物体的y坐标,后0.5秒使用二次缓...
everyinch
12年前 (2013-07-03) 5337℃
1喜欢
前面已经讲到利用Tweener补间引擎的onComplete参数可以指定在某一个缓动执行完毕后,执行另一个缓动,从而产生一个接着另一个运动的效果,也就是按照次序的执行补间动画。使用Tweener补间引擎的delay参数可以实现同样的效果。也就是使后面的补间延迟一定的时间再执行,...
everyinch
12年前 (2013-07-03) 4384℃
1喜欢
在ActionScript 3.0中,同样提供了startDrag和stopDrag方法用来处理拖放操作。但这种拖放操作缺乏缓动,显得有点直来直去,不太自然。使用Tweener补间引擎来模拟拖动操作,就可以使拖动效果显得比较真实。示例的类文件名为TweenerDrag.as,源...
everyinch
12年前 (2013-07-03) 3671℃
1喜欢
Tweener补间引擎的onComplete参数,允许在一个补间结束之后再调用另一个函数。这样可以通过onComplete参数,在第一段补间结束之后调用第二段补间,而第二段补间完成后,再次调用第一段补间,从而制作出反复循环的动画效果。在TweenerFilter.as示例的基础...
everyinch
12年前 (2013-07-03) 4423℃
1喜欢
Tweener (caurina.transitions.Tweener)是Flash平台上的补间引擎,它使用ActionScript代码创建动态的补间。目前为止,Tween补间引擎有下列的版本:
针对Flash 7+和Flash Lite 2.0+的ActionScript...
everyinch
12年前 (2013-07-03) 12161℃
1喜欢
在mx.effects.easing包中,圆形缓动文件名为Circular.as。圆形缓动所依据的方程为:
这个方程根据半圆方程得到的,其中使用了平方根的计算。大家知道,圆的标准方程为(x – a)2 + (y – b)2 = r,其中(a, b)表示圆...
everyinch
13年前 (2011-10-03) 4553℃
2喜欢
在mx.effects.easing包中,指数缓动命名为Exponential.as。指数缓动所依据的方程为:
p(t) = 210(t-1)
大家知道,指数函数y = ax的定义域为(-∞, +∞),值域为(0, +∞),都通过(0,1)点,当a > 1时,函数单调增加,...
everyinch
13年前 (2011-10-03) 4891℃
1喜欢
在mx.effects.easing包中,正弦缓动命名为Sine.as。正弦缓动所依据的方程为:
p(t) = sin(t * π / 2)
正弦和余弦都能够生成周期震荡的波形,而且它们只需要沿时间轴平移1/4个周期即π / 2,就可以互相转换。
正弦缓动的运动比二次缓动还要平缓...
everyinch
13年前 (2011-10-03) 4093℃
1喜欢
在mx.effects.easing包中,五次缓动命名为Quintic.as。五次缓动基于时间t变量的四次方:
p(t) = t5
五次缓动运动曲线如图6-9,它的起始速度非常慢,然后变得非常快。
五次缓动曲线
将线性、二次到五次曲线画在了一张图上,从中可以比较它们的不同效果。
...
everyinch
13年前 (2011-10-03) 5380℃
1喜欢
在mx.effects.easing包中,四次缓动命名为Quartic.as。四次缓动基于时间t变量的四次方:
p(t) = t4
四次缓动曲线如下图所示。它的曲线较三次曲线更加弯曲。
四次缓动曲线
四次缓动的缓入、缓出和缓入-缓出函数如下:
public static func...
everyinch
13年前 (2011-10-03) 3440℃
1喜欢
在mx.effects.easing包中,三次缓动命名为Cubic.as。三次缓动方程基于变量t的三次方:
p(t) = t3
大家知道,三次函数在定义域上单调递增,函数为奇函数,函数图像关于原点对称。三次缓动曲线比二次曲线增加速度更快,也就更为弯曲,如下图所示。
三次缓动曲线
...
everyinch
13年前 (2011-10-03) 3538℃
2喜欢
在mx.effects.easing包中,二次缓动命名为Quadratic.as。它是最普通的一种缓动类型,Flash的时间轴缓动就是使用了二次缓动。二次缓动中的“二次”表示这种运动的表达式是基于变量的平方。在这里就是t2。
p(t) = t2
下图就是二次缓动曲...
everyinch
13年前 (2011-10-03) 3864℃
3喜欢
线性补间是一种匀速的运动,没有加速也没有减速,使得运动看起来僵硬,不真实。这种类型的运动大多出现在自动化的工厂里,比如机械手、如传送带、流水线。人是很难做到线性运动的。
人的大脑一直在不断地分析物体的运动,以推断作用于该物体的力。当物体以不自然的方式加速时,人的大...
everyinch
13年前 (2011-10-03) 4194℃
1喜欢