网站公告列表

没有公告

加入收藏
设为首页
联系站长
轻松学电脑>>图形图像>>Flash教程>>学习笔记:飘动的汽泡
双击滚屏阅读

学习笔记:飘动的汽泡

实例效果:

工具:flash2004
思路:

1.水泡的_x是左右随机晃动的,可以设定一个变量,让这个变量在某段x坐标内随机取值,取值之后,让_x趋向变量移动,移动到变量点时,变量再重新取值,_x再趋向变量移动。_x永远向变量方向移动。
2.用attachMovie来复制泡泡,用unloadMovie实现卸载泡泡。
3.以帧来实现循环,以便产生多个泡泡。

做法:

第一步: 新建文件,长宽为300×200,背景白色,frame rate 设为60,能让泡泡移动得快一点流畅一些。

第二步:画泡泡,保存为mc,命名为pao。

第三步:再新建一个mc,命名为pp_mc,并设定输出连接名为pp,以便attachmovie调用。在mc的场景中拖入pao,坐标以需要泡泡出现的大体范围为准,我设的是x=98,y=10,pp_mc需要实现泡泡的随机移动,所以,选定pao,打开action面板。代码如下:

onClipEvent (load) {
 a = random(140)+10;
 //当mc载入时,预设a变量。a变量是控制泡泡运动方向的,对a进行10到150之间的随机取值      
}

onClipEvent (enterFrame) {
 if (this._x>a) {             
  this._x = int(this._x)-1;          
  this._y -= 1;
  this._alpha -= 0.01;
  if (this._alpha == 0) {
   this.unloadMovie();
  }
 } else if (this._x<a) {
  this._x = int(this._x)+1;
  this._y -= 1;
  this._alpha -= 0.01;
  if (this._alpha == 0) {
   this.unloadMovie();  //当透明度为0时,卸载泡泡
  }

//以上两个执行语句中,第一句为this._x取整这一点很关键,因为如果不小心泡泡的x坐标不是整数,到最接近a的那一步时,x总是无法等于a,_x-1就小于a,会执行x<a中的语句,+1后又会大于a,再执行x>a的语句,这也是我刚做时泡泡总是运行一次就直线上升的原因。

 } else {
  a = random(140)+10;
 }
}//x=a时,对a重新取值

第四步:回到场景,在第一帧上写如下代码

j=0;
//设定控制循环以便产生多个泡泡的变量 j

第五步:在第二祯写如下代码

_root.attachMovie("pp", "pp"+j, j);
//从库里复制泡泡
_root["pp"+j]._x = random(140)+10;
//为泡泡设定x坐标值,这里是10到150之间的随机值
_root["pp"+j]._y = 200;
//设定y坐标值
_root["pp"+j]._xscale = random(70)+30;
//30%到100%的随机x缩放值_root["pp"+j]._yscale = _root["pp"+j]._xscale; 
//30%到100%的随机y缩放值

第六步:第三祯代码如下
if (j<10) {
 //这个判断为j赋最大值
 j = j+1;
} else {
 j = 0; 
 //当j=10时,j返回0值
}
gotoAndPlay(2);

在最初做这个泡泡时,我没有为j设定最大值,让j不断累加,导致swf文件极占cpu资源,其实10个泡泡对于我做的这个出现频率就够了

[1] [2] 下一页

 
  • 上一篇文章:

  • 下一篇文章:
  • 广告
    阅读top10
    固顶文章制作一个骄艳的鲜花情…
    普通文章用AS2解决中文ID3的乱…
    普通文章学习笔记:飘动的汽泡
    普通文章Flash常用效果-移动模…
    普通文章基于图像的虚拟现实-…
    普通文章Flash 与 html 的一些…
    普通文章浅析三维全景
    普通文章flash remoting 实践
    普通文章Flash鼠绘着色入门教程
    普通文章Flash角色透视行走动作…
    普通文章Flash 与三维全景结合
    普通文章一个Flash调色板
    普通文章ActionScript 2 编译工…
    普通文章Flash Player 8 新特性
    查看学习笔记:飘动的汽泡全部内容
    本站提供:电脑教程 网页制作 Flash教程 PhotoShop教程等免费教程。
    Copyright © 2006-2008轻松学电脑All Rights Reserved