Flash AS制作上升的水泡效果动画
效果演示:
« Full Screen »
点击这里下载源文件
假如一个一个的画,工作量繁重并且效果并不好。我们利用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,保存测试吧!
返回类别: Flash教程 上一教程: FlashMX 视频教程(39)-遮罩动画 下一教程: Flash ActionScript 基本语法小总结
您可以阅读与"Flash AS制作上升的水泡效果动画"相关的教程: · Flash制作递增遮照效果动画 · Flash ActionScript制作的一种特别效果动画 · Flash制作移动时的模糊效果动画 · 百叶窗效果动画,Flash无AS的制作方式 · Flash制作变色花环效果动画
|