Photoshop教程 Coreldraw教程Flash教程 Illustrator教程 作品赏析
返回首页
当前位置: 主页 > 平面设计 > Flash教程 >

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

时间:2010-02-04 14:27来源:未知 作者:admin 点击:
1,开MX新建一文档。并适当修改文档属性(400300,蓝色背景) 2,建一个影片剪辑,命名为h2o。进入编辑去以后,利用绘图工具,渐变填充绘制一个水泡。如图1所示。 图1 绘制水泡 此主

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,保存测试吧!
 

(责任编辑:admin)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名:密码: 验证码:点击我更换图片
推荐赞助商
推荐内容