中国设计秀欢迎投稿
中国品牌形像设计网
平面设计 画册 VI欣赏 包装 CG-插画 搜索 个人网页 Alexa排名 CSS 建站资源 下载专区 JS特效 品牌服装 服装院校 专题欣赏 SEO 图标欣赏 专题
深圳网站建设 广州网站设计 域名注册 上海网站建设 虚拟主机 广州网站建设 广州网页设计 签名设计 虚拟主机 域名注册 品牌形象设计 设计联盟
求创科技
上海网麒科技
中国福网
中国设计秀
亿恩科技
中国设计秀
中国设计秀
当前位置:网络学院首页 >> 设计教程 >> Flash >> Flash AS制作上升的水泡效果动画

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

来源:中国设计秀    作者:    点击:351     加入收藏    发表评论
0
顶一下
关键字:Flash AS 水泡效果
中资源
 本文介绍用Flash的AS代码制作上升的泡泡的动画。

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

  

  具体步骤:

  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; 
 } 

  保存测试。

2008-01-03 10:53:33    出处:闪吧
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明 | 网站公告 | 友情链接 | 留言 | 旧版入口