气泡效果的实现
来源:互联网 发布:中国金盾网络电视台 编辑:程序博客网 时间:2024/04/29 07:10
在利用flash做作品中,为了营造一种浪漫的气氛,可以采用添加气泡徐徐上升的效果,举一反三就可以添加花瓣雨的效果了。这里以气泡为例。
先看一下效果图:
1.新建文档,修改文档的颜色为黑色。
2.在舞台中绘制气泡,并将其转换元件---电影剪辑,命名为"popo".如图:
3.将放有气泡的图层名称改为popo,然后新建图层as.
4.在as图层中添加一个关键帧,填入代码。
i=1; //初始化变量 while(i<=15){ //用来控制气泡的数量 duplicateMovieClip("h2o","h2o"+i,i); //复制气泡 setProperty("h2o"+i,_x,random(600)); //在X轴上随机分布复制出的气泡 setProperty("h2o"+i,_y,random(100)+300); //同上,只是换成了Y轴 setProperty("h2o"+i,_xscale,random(30)+40); setProperty("h2o"+i,_yscale,getProperty(eval("h2o"+i),_xscale)); //以上两条AS是用来控制气泡大小的。 setProperty("h2o"+i,_alpha,random(30)+70);//用来控制气泡的透明度 i++ } _root.h2o._visible=0 //将主场景中的气泡隐藏。
5.在popo图层中选中气泡,将气泡的属性面板中修改实例名称“h2o”,然后打开动作面板,添加代码。这里一定要注意,代码添加的地方是电影剪辑,并不是在帧内。
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; } }
- 气泡效果的实现
- css3实现气泡效果的聊天框
- ios气泡动画效果的简单实现
- css实现会话气泡的效果
- css实现会话气泡的效果
- Android实现点击产生气泡的效果
- css实现会话气泡的效果
- 聊天气泡效果实现
- CSS3实现气泡效果
- 仿微信聊天气泡效果实现
- 仿微信聊天气泡效果实现
- 仿微信聊天气泡效果实现
- 实现QQ聊天气泡效果
- 网页聊天气泡效果实现
- css实现气泡框效果
- 用VB实现托盘图标+气泡提示的效果
- 每天android分享: 聊天气泡效果的实现自动拉伸。
- iOS中气泡对话框拉伸效果视图的实现
- 使用游标更新统计信息
- 如何在visual2010 里创建默认注释
- iframe载入完成时的事件监听
- Linux查看系统信息free、ps、top、vmstat
- 更改Fedora 17的锁屏背景
- 气泡效果的实现
- windows下钩子的使用
- jquery_ajax_分页
- 关于spring配置文件xsd报错的解决方法
- 国内HTML5开源框架汇总
- Quartus II 管脚分配的两种方法
- sap abap中commit work引申的话题
- 使用游标重建索引
- FirsetServlet的编译小问题与改正