欢迎光临

木子屋

标题: Flash AS制作上升的水泡效果动画

作者: admin

日期: 2006-11-09 07:24 PM

分类: 网页设计

内容: Flash动画在线播放
如果一个一个的画，工作量繁重并且效果并不好。我们利用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、保存测试吧！

+ 查看当前日志评论 (1)

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 1.270 ms

返回

标题: Flash AS制作上升的水泡效果动画

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 1.270 ms

返回

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 1.305 ms

返回