Flash AS3实例:制作有音乐的七彩小球动画
发布时间:2014-07-13 10:12:02 作者:佚名 我要评论
本教程主要用Flash AS3来制作好看的七彩小球动画,当小球轮流轮流闪动时会有音乐响起,教程制作出来的动画效果非常漂亮,转发过来,喜欢的朋友可以跟着一起来学习
本教程主要用Flash AS3来制作好看的七彩小球动画,当小球轮流轮流闪动时会有音乐响起,教程制作出来的动画效果非常漂亮,转发过来,喜欢的朋友可以跟着一起来学习。先看看效果:
详细代码:
复制代码
代码如下:var yy:Sound =new Yy();//=====音乐
var ch:SoundChannel=new SoundChannel();
for (var i:int=0; i<48; i++) {//创建一个for循环,循环48次
var mc:Sprite=new Sprite();//声明一个容器类实例mc
addChild(mc);//把mc添加显示列表
mc.name="mc"+i;//mc的名字
mc.graphics.beginGradientFill("radial",[0xFFFFFF,0x000000],[1,1],[0,160]);//在mc中设置渐变填充样式(放射状,颜色,透明度,色块位置)
mc.graphics.drawCircle(12,12,12);//在mc中画圆(圆心坐标(12,12)半径12)
if (i<15) {//如果i小于15
mc.x=21+34*(i%15);//mc的X坐标为21、55、80……
mc.y=9;//mc的Y坐标为9
} else {//否则
mc.x=21;//mc的X坐标为21
mc.y=9+35*(i-14);//mc的Y坐标为44、79、114……
}
if (i>24) {//如果i大于24
mc.x=21+34*((i-24)%15);//mc的X坐标为21、55、80……
mc.y=360;//mc的Y坐标为360
}
if (i>38) {//如果i大于38
mc.x=498;//mc的X坐标为498
mc.y=9+35*(i-38);//mc的Y坐标为44、79、114……
}
}
var k:int=0;//声明一个整数型变量k,初始值为0
pl_mc.buttonMode=true
pl_mc.addEventListener(MouseEvent.CLICK,clickEvent);//为按钮a_btn添加鼠标单击事件侦听,调用函数clickEvent
function clickEvent(evt:MouseEvent) {//定义鼠标事件函数clickEvent
if (k++%2==0) {//k每单击一次增加1,如果k除以2的余数等于2
ch=yy.play();
pl_mc.gotoAndStop(2);
addEventListener(Event.ENTER_FRAME,frame);//添加帧频事件侦听,调用函数frame
} else {//否则
removeEventListener(Event.ENTER_FRAME,frame);//移除调用事件frame的帧频事件侦听
ch.stop();
pl_mc.gotoAndStop(1);
}
}
function frame(evt:Event):void {//声明帧频事件函数frame
for (var i:int=0; i<48; i++) {//创建一个for循环,循环48次
var MC:Sprite=getChildByName("mc"+i) as Sprite;//声明容器类实例MC,按名字获取
MC.transform.colorTransform=new ColorTransform(1,1,1,1,Math.random()*510-255,Math.random()*510-255,Math.random()*510-255,0);//设置MC的颜色转换(红绿蓝透明乘数值都为1,红绿蓝偏移量为-255-255之间的随机数,透明度偏移量为0)
}
}
var ch:SoundChannel=new SoundChannel();
for (var i:int=0; i<48; i++) {//创建一个for循环,循环48次
var mc:Sprite=new Sprite();//声明一个容器类实例mc
addChild(mc);//把mc添加显示列表
mc.name="mc"+i;//mc的名字
mc.graphics.beginGradientFill("radial",[0xFFFFFF,0x000000],[1,1],[0,160]);//在mc中设置渐变填充样式(放射状,颜色,透明度,色块位置)
mc.graphics.drawCircle(12,12,12);//在mc中画圆(圆心坐标(12,12)半径12)
if (i<15) {//如果i小于15
mc.x=21+34*(i%15);//mc的X坐标为21、55、80……
mc.y=9;//mc的Y坐标为9
} else {//否则
mc.x=21;//mc的X坐标为21
mc.y=9+35*(i-14);//mc的Y坐标为44、79、114……
}
if (i>24) {//如果i大于24
mc.x=21+34*((i-24)%15);//mc的X坐标为21、55、80……
mc.y=360;//mc的Y坐标为360
}
if (i>38) {//如果i大于38
mc.x=498;//mc的X坐标为498
mc.y=9+35*(i-38);//mc的Y坐标为44、79、114……
}
}
var k:int=0;//声明一个整数型变量k,初始值为0
pl_mc.buttonMode=true
pl_mc.addEventListener(MouseEvent.CLICK,clickEvent);//为按钮a_btn添加鼠标单击事件侦听,调用函数clickEvent
function clickEvent(evt:MouseEvent) {//定义鼠标事件函数clickEvent
if (k++%2==0) {//k每单击一次增加1,如果k除以2的余数等于2
ch=yy.play();
pl_mc.gotoAndStop(2);
addEventListener(Event.ENTER_FRAME,frame);//添加帧频事件侦听,调用函数frame
} else {//否则
removeEventListener(Event.ENTER_FRAME,frame);//移除调用事件frame的帧频事件侦听
ch.stop();
pl_mc.gotoAndStop(1);
}
}
function frame(evt:Event):void {//声明帧频事件函数frame
for (var i:int=0; i<48; i++) {//创建一个for循环,循环48次
var MC:Sprite=getChildByName("mc"+i) as Sprite;//声明容器类实例MC,按名字获取
MC.transform.colorTransform=new ColorTransform(1,1,1,1,Math.random()*510-255,Math.random()*510-255,Math.random()*510-255,0);//设置MC的颜色转换(红绿蓝透明乘数值都为1,红绿蓝偏移量为-255-255之间的随机数,透明度偏移量为0)
}
}
测试,完毕!
教程结束,以上就是用Flash AS3制作好看的七彩小球动画过程,希望对大家有所帮助!
相关文章
- flash cs6想要实现鼠标跟随效果?该怎么制作呢?今天我们就来看看使用as2.0实现鼠标跟随效果的教程,需要的朋友可以参考下2019-05-19
- Flash cs6怎么使用代码输入中英文文本?Flash cs6中可以使用文字工具直接输入文本,也可以使用代码来输入文本,该怎么使用代码输入文本呢?请看下文详细的教程,需要的朋友2018-03-11
- flash as3.0抽象类怎么定义? as3.0中有很多抽象类,该怎么定义抽象类和抽象方法呢?下面我们就来看看简单的例子,需要的朋友可以参考下http://www.jb51.net/softs/408402.2018-02-28
flash cs6中怎么使用ActionScript3.0?
flash cs6中怎么使用ActionScript3.0?flash cs6中想要使用ActionScript3.0功能,该怎么使用呢?下面我们就来看看详细的教程,需要的朋友可以参考下2018-01-25- 本教程给大家分享一个Flash小教程,教大家在Flash CS6中怎么实现鼠标点击决定图像位置?方法很简单,感兴趣的朋友欢迎前来一起分享学习2018-01-12
- 本教程教脚本之家的ActionScript教程学习者在Flash中如何用代码将图片放在自己想要的舞台位置,教程讲解的详细,感兴趣的朋友欢迎前来分享学习2017-11-20
- 本教程教脚本之家的ActionScript教程学习者如何在Flash CS6中使用with函数绘制背景图?教程一步步讲解的挺详细,方法也不难,非常适合Flash新手入门学习2017-11-18
Flash怎么设置元件坐标?flash使用代码设置元件的坐标的教程
Flash怎么设置元件坐标?flash中导如的元件需要添加坐标,该怎么定位元件坐标呢?下面我们就来看看flash使用代码设置元件的坐标的教程,需要的朋友可以参考下2017-10-11- Flash怎么制作来回摇摆的花朵的动画?Flash中想要给花朵制作一段摇摆的动画效果,该怎么制作呢?下面我们就来看看详细的教程,很简单,需要的朋友可以参考下2017-05-23
- Flash怎么制作流动七彩色的文字?想要让文字动起来,该怎么使用flash给文字制作一个流动七彩色的动画呢?下面我们就来看看详细的教程,需要的朋友可以参考下2017-04-23
最新评论