Yesky首页| 产品报价| 行情| 手机 | 数码 | 笔记本 | 台式机 | DIY硬件 | 外设 | 网络 | 数字家庭 | 评测 | 软件 | e时代 | 游戏 | 图片 | 壁纸 | 群乐 | 社区 | 博客 | 下载
软件频道>设计在线>Flash|平面网页Flash视频三维欣赏|设计专题教程素材| 群乐:Vista系统下载
您现在的位置: 天极网 > 软件频道 > 设计在线 > flash > Flash AS制作上升的水泡效果动画
全文
群乐:Flash

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

2008-01-03 07:30 作者: 328757780 闪吧 出处: 论坛整理 责任编辑:Shiny
  本文介绍用Flash的AS代码制作上升的泡泡的动画。

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

   /imagelist/2007/363/a0cqxsi69d1o.swf

  具体步骤:

  1.Flash MX中新建一文档。并适当修改文档属性(400×300,蓝色背景) 。

  2.建一个影片剪辑,命名为“h2o”。进入编辑区以后,利用绘图工具,渐变填充绘制一个水泡。

  3.回到主场景,把图层1命名为“h2o”。从库中把“h2o”影片剪辑拖放到场景的下方,在下面的属性面板中命名它的分身名为“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; 
 } 

  保存测试。

  如对于本文有任何疑问、意见以及建议,请在文章底部的留言板上留言。

  更多精彩,尽在天极设计在线 design.yesky.com!

电脑美术设计热门专区
电脑美术设计热门专区

设计软件视频教程大全
设计软件视频教程大全
设计软件经典教程
设计软件经典教程
设计人生——数码设计人访谈实录集
设计人生——数码设计人访谈实录集
·精彩设计作品展示
·精彩设计素材
·照片后期处理专区
·设计软件经典专题集粹
文章阅读排行
周排行
月排行
欢迎订阅天极网RSS聚合资讯:http://www.yesky.com/index.xml