Flash 动态遮罩效果详解

核心提示： 观看演示1 查看效果开始时创建一个影片剪加line,在line的内部绘制变形曲线，setInterval每17豪秒循环绘制一次，Flash 动态遮罩效果详解(7)，变量animIndex用来跟踪曲线绘制到的位置，这个例子中我们分成了60步来绘制，如果想用其它的运动方式我们可以创建不同的di

观看演示1 查看效果

开始时创建一个影片剪加line,在line的内部绘制变形曲线，setInterval每17豪秒循环绘制一次，变量animIndex用来跟踪曲线绘制到的位置，这个例子中我们分成了60步来绘制，time变量的范围是从0到1，决定于animIndex,同时将其附给dist，用来创建现线动画。

即然dist的变量范围是从0到1，那么很明显我们用到了一个公式从A点到B点

代码:

　　x = startX + dist*deltaX;
　　y = startY + dist*deltaY;

如下我们的应用：

　　curveTo(25+100*dist,100+100*dist,150-100*dist, 175-50*dist);

在这个公式中startX和startY是开始点的坐标，deltaX和deltaY分别是x和y到开始点和结束点的距离。

　　Easing, bouncing and other transitions

缓动，弹性和其它运动方式

可能在一开始你就会想我们为什么会不厌其烦的使用变量time和dist，那么现在让我们来看一下他们之间的关系，你就会知道我们为什么要用它。

如上果你所看到的竖轴代表Dist,水平轴代表time.他们之间的关系目前是线性，也是就dist=time.图上的斜线代表动画的速度。在这个例子中动画的速度是恒定的。现在假如我们想做成开始时速度很快到结速时无速度，则我们只需要在在t=0时加大红线的斜率，而在t=1时使红线无斜率就可以了。这实际上就是倒转过的抛物线或是三角正弦，如果想用其它的运动方式我们可以创建不同的dist和time的关系，来得到更有趣的效果，下面是一些创建好的关系，可能对你会有用处：