Flash AS3實例:制作有音樂的七彩小球動畫
發(fā)布時間:2014-07-13 10:12:02 作者:佚名
我要評論

本教程主要用Flash AS3來制作好看的七彩小球動畫,當(dāng)小球輪流輪流閃動時會有音樂響起,教程制作出來的動畫效果非常漂亮,轉(zhuǎn)發(fā)過來,喜歡的朋友可以跟著一起來學(xué)習(xí)
本教程主要用Flash AS3來制作好看的七彩小球動畫,當(dāng)小球輪流輪流閃動時會有音樂響起,教程制作出來的動畫效果非常漂亮,轉(zhuǎn)發(fā)過來,喜歡的朋友可以跟著一起來學(xué)習(xí)。先看看效果:
詳細(xì)代碼:
復(fù)制代碼
代碼如下:var yy:Sound =new Yy();//=====音樂
var ch:SoundChannel=new SoundChannel();
for (var i:int=0; i<48; i++) {//創(chuàng)建一個for循環(huán),循環(huán)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中設(shè)置漸變填充樣式(放射狀,顏色,透明度,色塊位置)
mc.graphics.drawCircle(12,12,12);//在mc中畫圓(圓心坐標(biāo)(12,12)半徑12)
if (i<15) {//如果i小于15
mc.x=21+34*(i%15);//mc的X坐標(biāo)為21、55、80……
mc.y=9;//mc的Y坐標(biāo)為9
} else {//否則
mc.x=21;//mc的X坐標(biāo)為21
mc.y=9+35*(i-14);//mc的Y坐標(biāo)為44、79、114……
}
if (i>24) {//如果i大于24
mc.x=21+34*((i-24)%15);//mc的X坐標(biāo)為21、55、80……
mc.y=360;//mc的Y坐標(biāo)為360
}
if (i>38) {//如果i大于38
mc.x=498;//mc的X坐標(biāo)為498
mc.y=9+35*(i-38);//mc的Y坐標(biāo)為44、79、114……
}
}
var k:int=0;//聲明一個整數(shù)型變量k,初始值為0
pl_mc.buttonMode=true
pl_mc.addEventListener(MouseEvent.CLICK,clickEvent);//為按鈕a_btn添加鼠標(biāo)單擊事件偵聽,調(diào)用函數(shù)clickEvent
function clickEvent(evt:MouseEvent) {//定義鼠標(biāo)事件函數(shù)clickEvent
if (k++%2==0) {//k每單擊一次增加1,如果k除以2的余數(shù)等于2
ch=yy.play();
pl_mc.gotoAndStop(2);
addEventListener(Event.ENTER_FRAME,frame);//添加幀頻事件偵聽,調(diào)用函數(shù)frame
} else {//否則
removeEventListener(Event.ENTER_FRAME,frame);//移除調(diào)用事件frame的幀頻事件偵聽
ch.stop();
pl_mc.gotoAndStop(1);
}
}
function frame(evt:Event):void {//聲明幀頻事件函數(shù)frame
for (var i:int=0; i<48; i++) {//創(chuàng)建一個for循環(huán),循環(huán)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);//設(shè)置MC的顏色轉(zhuǎn)換(紅綠藍(lán)透明乘數(shù)值都為1,紅綠藍(lán)偏移量為-255-255之間的隨機數(shù),透明度偏移量為0)
}
}
var ch:SoundChannel=new SoundChannel();
for (var i:int=0; i<48; i++) {//創(chuàng)建一個for循環(huán),循環(huán)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中設(shè)置漸變填充樣式(放射狀,顏色,透明度,色塊位置)
mc.graphics.drawCircle(12,12,12);//在mc中畫圓(圓心坐標(biāo)(12,12)半徑12)
if (i<15) {//如果i小于15
mc.x=21+34*(i%15);//mc的X坐標(biāo)為21、55、80……
mc.y=9;//mc的Y坐標(biāo)為9
} else {//否則
mc.x=21;//mc的X坐標(biāo)為21
mc.y=9+35*(i-14);//mc的Y坐標(biāo)為44、79、114……
}
if (i>24) {//如果i大于24
mc.x=21+34*((i-24)%15);//mc的X坐標(biāo)為21、55、80……
mc.y=360;//mc的Y坐標(biāo)為360
}
if (i>38) {//如果i大于38
mc.x=498;//mc的X坐標(biāo)為498
mc.y=9+35*(i-38);//mc的Y坐標(biāo)為44、79、114……
}
}
var k:int=0;//聲明一個整數(shù)型變量k,初始值為0
pl_mc.buttonMode=true
pl_mc.addEventListener(MouseEvent.CLICK,clickEvent);//為按鈕a_btn添加鼠標(biāo)單擊事件偵聽,調(diào)用函數(shù)clickEvent
function clickEvent(evt:MouseEvent) {//定義鼠標(biāo)事件函數(shù)clickEvent
if (k++%2==0) {//k每單擊一次增加1,如果k除以2的余數(shù)等于2
ch=yy.play();
pl_mc.gotoAndStop(2);
addEventListener(Event.ENTER_FRAME,frame);//添加幀頻事件偵聽,調(diào)用函數(shù)frame
} else {//否則
removeEventListener(Event.ENTER_FRAME,frame);//移除調(diào)用事件frame的幀頻事件偵聽
ch.stop();
pl_mc.gotoAndStop(1);
}
}
function frame(evt:Event):void {//聲明幀頻事件函數(shù)frame
for (var i:int=0; i<48; i++) {//創(chuàng)建一個for循環(huán),循環(huán)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);//設(shè)置MC的顏色轉(zhuǎn)換(紅綠藍(lán)透明乘數(shù)值都為1,紅綠藍(lán)偏移量為-255-255之間的隨機數(shù),透明度偏移量為0)
}
}
測試,完畢!
教程結(jié)束,以上就是用Flash AS3制作好看的七彩小球動畫過程,希望對大家有所幫助!
相關(guān)文章
flash cs6鼠標(biāo)跟隨效果實現(xiàn)代碼分享
flash cs6想要實現(xiàn)鼠標(biāo)跟隨效果?該怎么制作呢?今天我們就來看看使用as2.0實現(xiàn)鼠標(biāo)跟隨效果的教程,需要的朋友可以參考下2019-05-19- Flash cs6怎么使用代碼輸入中英文文本?Flash cs6中可以使用文字工具直接輸入文本,也可以使用代碼來輸入文本,該怎么使用代碼輸入文本呢?請看下文詳細(xì)的教程,需要的朋友2018-03-11
- flash as3.0抽象類怎么定義? as3.0中有很多抽象類,該怎么定義抽象類和抽象方法呢?下面我們就來看看簡單的例子,需要的朋友可以參考下http://www.dbjr.com.cn/softs/408402.2018-02-28
flash cs6中怎么使用ActionScript3.0?
flash cs6中怎么使用ActionScript3.0?flash cs6中想要使用ActionScript3.0功能,該怎么使用呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-01-25Flash中怎么實現(xiàn)鼠標(biāo)點擊決定圖像位置?
本教程給大家分享一個Flash小教程,教大家在Flash CS6中怎么實現(xiàn)鼠標(biāo)點擊決定圖像位置?方法很簡單,感興趣的朋友歡迎前來一起分享學(xué)習(xí)2018-01-12- 本教程教腳本之家的ActionScript教程學(xué)習(xí)者在Flash中如何用代碼將圖片放在自己想要的舞臺位置,教程講解的詳細(xì),感興趣的朋友歡迎前來分享學(xué)習(xí)2017-11-20
在Flash CS6中使用with函數(shù)繪制背景圖教程
本教程教腳本之家的ActionScript教程學(xué)習(xí)者如何在Flash CS6中使用with函數(shù)繪制背景圖?教程一步步講解的挺詳細(xì),方法也不難,非常適合Flash新手入門學(xué)習(xí)2017-11-18Flash怎么設(shè)置元件坐標(biāo)?flash使用代碼設(shè)置元件的坐標(biāo)的教程
Flash怎么設(shè)置元件坐標(biāo)?flash中導(dǎo)如的元件需要添加坐標(biāo),該怎么定位元件坐標(biāo)呢?下面我們就來看看flash使用代碼設(shè)置元件的坐標(biāo)的教程,需要的朋友可以參考下2017-10-11- Flash怎么制作來回?fù)u擺的花朵的動畫?Flash中想要給花朵制作一段搖擺的動畫效果,該怎么制作呢?下面我們就來看看詳細(xì)的教程,很簡單,需要的朋友可以參考下2017-05-23
- Flash怎么制作流動七彩色的文字?想要讓文字動起來,該怎么使用flash給文字制作一個流動七彩色的動畫呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-04-23