flash制作逼真的气泡上升过程只需几步就搞定

时间:2012-01-03 22:10:05  来源:第二电脑网  作者:第二电脑网

  第二电脑网导读: flash制作逼真的气泡上升过程很简单,适合...
  正文:先看一下效果吧

flash制作逼真的气泡上升过程很简单,适合新手练习,主要就是利用as代码控制一个气泡的影片剪辑过程就可以做到,大家跟我一起来试试吧。
1:首先打开flash软件,新建一个FLA文档,个选项默认就好了。
2:在时间轴上面新建三层,为背景层,气泡层和AS代码层。如下图:
flash制作逼真的气泡上升过程只需几步就搞定
3:导入一张准备好的背景图片,我用一张海底植物的图片550*400为例,大小和舞台一致,选择文件》》导入》》导入到库。
4:把背景图片拖入舞台的背景层,选择图片在属性面板中,x和y项设为0,(图片大小和舞台一样大)这样就对其舞台了,
5:新建一个气泡影片剪辑,在舞台中绘制一个气泡图形,气泡可以先用photoshop/ target=_blank class=infotextkey>ps软件处理好在导入也可以。
图一
flash制作逼真的气泡上升过程只需几步就搞定
图2
flash制作逼真的气泡上升过程只需几步就搞定
6:回到主场景,选中气泡层,把刚才绘制好的气泡影片剪辑拖入舞台,位置随便放。并为气泡影片剪辑实例名命名为
h2o
flash制作逼真的气泡上升过程只需几步就搞定
flash制作逼真的气泡上升过程只需几步就搞定

7:用鼠标选中气泡元件,记住不是时间帧,是元件,选中后打开动作面板,输入以下代码:
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; 

}
8:选中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
好了,测试一下影片吧,大家可以用这个方法,发挥你超强的创造力,打造出生动的海底世界景观。

7:用鼠标选中气泡元件,记住不是时间帧,是元件,选中后打开动作面板,输入以下代码:
onClipEvent (load) { 
speed = random(5)+3; 

onClipEvent (enterFrame) { 
this._y -= speed; 
this._x += random(3)-random(3);  "flash制作逼真的气泡上升过程只需几步就搞定"由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Design/FLASH/19310.html

感谢q930的投稿


关于《flash制作逼真的气泡上升过程只需几步就搞定》文章的评论

站内搜索: 高级搜索

热门搜索: Windows style 系统 tr IP QQ CPU 安装 function 注册 if td