Flash CS4来制作漂亮的气泡动画教程

所属分类: 媒体动画 / Flash教程 阅读数: 97
收藏 0 赞 0 分享

本教程主要用Flash CS4来制作漂亮的气泡动画教程,制作出来气泡真的很好看,制作效果是采用代码形式实现,觉得很不错,转发过来,感兴趣的朋友可以一起来学习。

先看看效果图:

详细代码:


复制代码
代码如下:
function ball(r:int):MovieClip {//自定义函数 ball,参数为 r,整数型,返回值为 MovieClip
var col:uint=0xffffff*Math.random();//声明一个无符号整数型变量 col,获取任意颜色
var sh:MovieClip=new MovieClip();//声明一个影片剪辑类实例 sh
sh.graphics.beginGradientFill(GradientType.RADIAL,[0xffffff,col,col],[0.5,1,1],[0,200,255]);//在 sh 中设置渐变填充样式(放射状渐变,颜色,透明度,色块位置)
sh.graphics.drawCircle(0,0,r);//在 sh 中画圆(圆心坐标(0,0),半径为参数r)
sh.graphics.endFill();//结束填充
return sh;//返回 sh
}
var ballArr:Array=[];//声明一个空数组 ballArr
for (var i:int=0; i<10; i++) {//创建一个 for 循环,循环 10次
var balls:MovieClip=ball(Math.random()*20+20);//声明一个影片剪辑类实例balls,调用函数 ball(参数r 半径的值为 20-40 之间的随机值)
addChild(balls);//把 balls添加到显示列表
balls.x=Math.random()*(stage.stageWidth-balls.width)+balls.width/2;//balls 的 X 坐标
balls.y=Math.random()*(stage.stageHeight-balls.height)+balls.height/2;//balls 的 Y坐标,使它出现在舞台的任意位置
balls.vx=Math.random()*2-1;//为 balls 设置自定义属性 vx,数值为-1-1 之间的随机数,表示 X 方向的速度
balls.vy=Math.random()*2-1;//为 balls 设置自定义属性 vy,数值为-1-1 之间的随机数,表示 Y 方向的速度
ballArr.push(balls);//把 balls 添加到数组 ballArr 中
}
addEventListener(Event.ENTER_FRAME,frame);//添加帧频事件侦听,调用函数 frame
function frame(e) {//定义帧频事件函数 frame
for (var i:int=0; i<ballArr.length; i++) {//创建一个 for循环,循环次数为数组 ballArr 的元素数
var balls:MovieClip=ballArr[i];//声明一个影片剪辑类实例 balls,获取数组 ballArr 的元素
balls.x+=balls.vx;//balls的 X 坐标每帧增加balls.vx
balls.y+=balls.vy;//balls的 Y 坐标每帧增加balls.vy
if (balls.x<balls.width/2) {//如果balls 出了舞台左边缘
balls.x=balls.width/2;//balls 的 X坐标获取balls 宽度的一半
balls.vx*=-1;//balls.vx 获取它的相反数
}
if (balls.x>stage.stageWidth-balls.width/2) {//如果 alls 出了舞台右边缘
balls.x=stage.stageWidth-balls.width/2;//balls 的 X 坐标获取场景宽度与 balls 宽度一半的差
balls.vx*=-1;//balls.vx 获取它的相反数
}
if (balls.y<balls.height/2) {//如果 balls出了舞台上边缘
balls.y=balls.height/2;//balls 的 Y坐标获取 balls 高度的一半
balls.vy*=-1;//balls.vy 获取它的相反数
}
if (balls.y>stage.stageHeight-balls.height/2) {//如果 balls 出了舞台下边缘
balls.y=stage.stageHeight-balls.height/2;//balls 的 Y 坐标获取舞台高度与 balls 高度一半的差
balls.vy*=-1;//balls.vy 获取它的相反数
}
}
for (var j:int=0; j<ballArr.length-1; j++) {//创建一个 for 循环,循环次数比数组 ballArr 元素数少 1
var ball0:MovieClip=ballArr[j];//声明一个影片剪辑类实例 ball0,获取数组 ballArr 的元素
for (var m:int=j+1; m<ballArr.length; m++) {//创建一个 for 循环,
var ball1:MovieClip=ballArr[m];//声明一个影片剪辑类实例 ball1,获取数组 ballArr 的元素
var dx:Number=ball1.x-ball0.x;//声明一个数值型变量 dx,获取
var dy:Number=ball1.y-ball0.y;//声明一个数值型变量 dy,获取
var jl:Number=Math.sqrt(dx*dx+dy*dy);//声明一个数值型变量 jl,获取小球的距离
var qj:Number=ball0.width/2+ball1.width/2;//声明一个数值型变量获取小球半径之和
if (jl<=qj) {//如果 jl 小于等于 qj
var angle:Number=Math.atan2(dy,dx);//声明一个数值型变量angle,获取ball1 相对于 ball0 的角度
var tx:Number=ball0.x+Math.cos(angle)*qj*1.01;//声明一个数值型变量 tx,获取目标点的 X坐标
var ty:Number=ball0.y+Math.sin(angle)*qj*1.01;//声明一个数值型变量 ty,获取目标点的 Y坐标
ball0.vx=- (tx-ball1.x);//ball0 在X 方向的速度
ball0.vy=- (ty-ball1.y);//ball0 在Y 方向的速度
ball1.vx=(tx-ball1.x);//ball1 在 X方向的速度
ball1.vy=(ty-ball1.y);//ball1 在 Y方向的速度
}
}
}
}

教程结束,以上就是Flash CS4来制作漂亮的气泡动画过程,希望大家喜欢,并有所帮助!

更多精彩内容其他人还在看

FLASH CLASS的基本编写规范

继续回来写教程。本来不想写这节的,因为这节的内容很多书上或者网上资料都有,而且写的比我要详细正规得多。但后来想想,还是写吧!为啥?凑篇幅呗~啊哈哈~而且后面几节要结合接宝的范例游戏,具体分析它的几个CLASS,所以,还是用一节把CLASS的写法说一下。可能我对CLASS
收藏 0 赞 0 分享

flash教程:使用拆分数字和文字的函数

flash的小函数:拆分数字和文字的函数. 以下为引用的内容: /* * 拆分数字和文字 */ public function splitNS(s:String):Object{ var tNum:String=""
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例六

相关文章: 通过实例学习Flash AS3.0——案例五 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

用Flash AS制作逼真的下雨动画效果

Flash教程:用Flash AS制作逼真的下雨动画效果 先看下效果:(附.swf文件) 制作过程 一、新建一图层,大小随意; 二、新建元件(影片剪辑): 1、制作雨滴并下落。使用直线工具(颜色设为灰色,1像素)画一短直线,使用选择工具将直
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例五

相关文章: 通过实例学习Flash AS3.0——案例四 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

Flash CS3制作Fla形式的组件

  本文为大家介绍如何制作Flash CS3中的[*.fla]形式的的组件(Component)。这种组件和SWC组件不同,它和CS3自带的组件一样能够双击进入组件里面编辑,是Flash CS3新增加的一种组件形态。下面我们制作一个MyButton组件为例子。   制作步骤:
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例四

相关文章:通过实例学习AS3.0——案例三 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。
收藏 0 赞 0 分享

通过实例学习flash AS3.0——案例二

相关文章:通过实例学习AS3.0 --案例一 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢
收藏 0 赞 0 分享

通过实例学习AS3.0——案例三

相关文章:通过实例学习flash AS3.0——案例二 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知
收藏 0 赞 0 分享

通过实例学习AS3.0

首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢迎大虾小虾,大鸟小鸟指正。 下面进入正题:
收藏 0 赞 0 分享
查看更多