您的位置: 首页 > 技术文档 > 多媒体制作 > 学习笔记:飘动的汽泡
用AS2解决中文ID3的乱码 回到列表 Flash常用效果-移动模糊效果
 学习笔记:飘动的汽泡

作者:五月 时间: 2005-01-20 文档类型:原创 来自:蓝色理想

实例效果:

工具: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个泡泡对于我做的这个出现频率就够了,j可以根据实际情况设定。

好了,你也可以做个泡泡了,还有一点就是,我为了让泡泡不要出得这么频繁,让第二祯和第三祯之间隔了好些个空白祯,如果想多一些,挨近一点就行了。
往上升是泡泡,如果往下飘可以做雨,雪什么的。试试看吧 :p
这个是土人布置的作业,为了加深印象,再写一遍教程。跟大家一起学习
第一次写教程,有说的不清楚的地方,请大家指出,有说的不对的地方,请大家指点。 :)

以下是由feng4ever制作的flash:

下载源文件

出处:蓝色理想
责任编辑:qhwa

◎进入论坛Flash专栏版块参加讨论

作者文章 更多作者文章
学习笔记:飘动的汽泡
三门岛-鬼湾-青州
深圳东湖菊花展
度周末的鸭子
生命 · 生活
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
全兼容的纯CSS级联菜单要点浅析
CSS Sprites 图片整合技术
雅安,一场中式旅行
热烈祝贺"醒狮杯"圆满结束
菊花宝典大赏大奖教程《阳台》
交互设计师怎样和产品团队合作
Photoshop打造个性潮流音乐海报
简单解读面包屑
CSS盒模型
Apple与Microsoft网站可用性研究
栏目最新 栏目最新列表
safari 4 新特性
Photoshop制作精美高光流线字
IE下img多余5像素空白解决方法
XHTML1.0与HTML兼容指引16条
JavaScript优化细节
全兼容的纯CSS级联菜单要点浅析
CSS Sprites 图片整合技术
Photoshop打造个性潮流音乐海报
CSS盒模型
45度地图编辑器及游戏开发心得

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

本文总共有 6 条评论,现在显示最新的 5 条。评分:- llllllllllllllllllll + 评分人数: 3 ,平均分: 4.00


Tensharp Publish at 2006-1-8 21:15:27 评分4
咋最后一个看起来像5月MM在吐泡泡呢。。。。呃。。8好意思哈各位。偶光注意看吐泡泡了。
Pelephone Publish at 2005-5-12 1:10:26
我是个初学者,有很多步骤都不是很清楚。
有让我提高编程的方法吗?
feng4ever Publish at 2005-2-17 17:24:20
我的那个例子就是使用了 三角函数
详情请下载源文件..
blueaqua Publish at 2005-1-26 21:53:42 评分4
为什么不用sin or cos函数呢?
那样的话效果会更真实!
以前在论坛上有出现过这样的咚咚!
曲线美是直线所不能匹敌的!
sean2050 Publish at 2005-1-26 14:57:40
这个代码好象有问题啦~~我照般却运行不了。

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重新取值



查看全部评论

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
《Web标准设计》
《美工神话》
《Flash短片轻松学》
Illustrator CS3质感绘画表现技法
大师之路--Photoshop 完全解析
《用户体验要素》
HTML与CSS入门经典(第7版)
作品集 更多内容

胡椒下班 LogoMark Asia 毕业设计。 美女一张。 WESBROOK 02年临摹的小图 Lenovo 某软件界 Station UI