首页 > > 网页制作 > Flash >

FlashAS制作上升的水泡效果动画

2008-04-02 10:43:12来源：互联网阅读 ()

　　效果演示：

　　

　　

　　假如一个一个的画，工作量繁重并且效果并不好。我们利用AS的复制语句来实现水泡的数量，利用配置属性来改变透明度，大小等。最后在影片剪辑中配置水泡的左右摆动。这样综合在一起，就能够实现水泡上升的效果了。

　　

　　具体步骤

　　1，开MX新建一文档。并适当修改文档属性（400×300，蓝色背景）

　　2，建一个影片剪辑，命名为“h2o”。进入编辑去以后，利用绘图工具，渐变填充绘制一个水泡。如图1所示。

　　

　　图1绘制水泡

　　3，回到主场景，把图层1命名为“h2o”。从库中把“h2o”影片剪辑拖放到场景的下方，在下面的属性面板中命名他的分身名为“h2o”。如图2所示。

　　

　　图2图层“h2o”

　　4，主场景中新建一个图层，命名为“as”。在第1帧添加AS：

　　

i=1

　　while(i<=30){

　　duplicateMovieClip("h2o","h2o" i,i);

　　setProperty("h2o" i,_x,random(400));

　　setProperty("h2o" i,_y,random(100) 300);

　　setProperty("h2o" i,_xscale,random(60) 40);

　　setProperty("h2o" i,_yscale,getProperty(eval("h2o" i),_xscale));

　　setProperty("h2o" i,_alpha,random(30) 70);

　　i

　　}

　　_root.h2o._visible=0

　　5，具体解释如下：

　　

i=1//初始化变量

　　while(i<=30){//用来控制水珠的数量

　　duplicateMovieClip("h2o","h2o" i,i);//复制水珠

　　setProperty("h2o" i,_x,random(400));//在X轴上随机分布复制出的水珠

　　setProperty("h2o" i,_y,random(100) 300);//同上，只是换成了Y轴

　　setProperty("h2o" i,_xscale,random(60) 40);

　　setProperty("h2o" i,_yscale,getProperty(eval("h2o" i),_xscale));

　　//以上两条AS是用来控制水珠大小的。

　　setProperty("h2o" i,_alpha,random(30) 70);//用来控制水珠的透明度

　　i

　　}

　　_root.h2o._visible=0//将主场景中的水珠隐藏。

　　6，选中影片剪辑“H2O”，添加AS：

　　

onClipEvent(load){

　　speed=random(5) 3;

　　}

　　onClipEvent(enterFrame){

　　this._y-=speed;

　　this._x =random(3)-random(3);

　　if(this._y<-15){

　　this._y=random(100) 315;

　　}

　　}

　　7，上面的AS语句的意思是：

　　

onClipEvent(load){//用来随机赋于水珠的速度，让水珠运动更加真实。

　　speed=random(5) 3;

　　}

　　onClipEvent(enterFrame){

　　this._y-=speed;//用来改变水珠Y轴的坐标，这样我们看起来水珠是在不断在上升。

　　this._x =random(3)-random(3);//为了上水珠运动更真实些，我们上水珠左右晃动一下。

　　if(this._y<-15){//此IF语句的作用是当水珠移出屏幕时，重新放回屏幕中来。

　　this._y=random(100) 315;

　　}

　　}

　　8，保存测试吧