當(dāng)前位置:軟件學(xué)堂 > 資訊首頁(yè) > 網(wǎng)絡(luò)編程 > Flash > Flash制作焰火飄落特效(鼠標(biāo)觸發(fā))

Flash制作焰火飄落特效(鼠標(biāo)觸發(fā))

2021/9/11 16:34:28作者:佚名來(lái)源:網(wǎng)絡(luò)

移動(dòng)端
adobe flash 8.0

大?。?25MB語(yǔ)言:

類型:動(dòng)畫制作等級(jí):

在前面我們給大家講解了Flash制作的實(shí)例教程,今天學(xué)無(wú)憂小編接著給大家講解Flash制作焰火飄落特效(鼠標(biāo)觸發(fā))的教程。下面我們一起來(lái)看看具體內(nèi)容:
Flash制作焰火飄落特效

首先我們來(lái)看看具體的效果吧!

 效果圖

看了效果是不是很不錯(cuò),下面我們就一起來(lái)看看具體步驟吧!

步驟一、新建一個(gè)空白文檔,設(shè)置其大小為500×300像素,幀頻為30FPS。打開(kāi)素材文件,然后設(shè)置其坐標(biāo)為(0,0),如圖所示,再采用前面的方法在【屬性】面板中添加Main文檔類。

導(dǎo)入背景

步驟二、按下快捷鍵【Ctrl+F8】新建一個(gè)影片剪輯,建立之后就進(jìn)入影片剪輯的編輯區(qū)域,然后按住【Shift+Alt】組合鍵的同時(shí)使用【橢圓工具】在該影片剪輯的中心點(diǎn)繪制一個(gè)圓形。

繪制圓形

步驟三、新建一個(gè)圖層,再單擊【工具箱】中的【多角星形工具】按鈕,并在【屬性】面板中設(shè)置好該工具的參數(shù),然后按住【Shift+Alt】組合鍵的同時(shí)在影片剪輯的中心點(diǎn)繪制一個(gè)如圖所示的星形。

星形

步驟四、使用【選擇工具】調(diào)整好星形的頂點(diǎn)位置,如圖所示。

調(diào)整星形的位置

步驟五、選擇已經(jīng)調(diào)整好的多角星形,然后在文檔中原位復(fù)制出一份,按【Ctrl+Alt+S】組合鍵打開(kāi)【縮放和旋轉(zhuǎn)】對(duì)話框,在彈出的對(duì)話框中設(shè)置縮放為40%,再設(shè)置其填充顏色為白色,如圖所示。

 多角星形

步驟六、返回到【場(chǎng)景1】,按Ctrl+F8組合鍵新建一個(gè)影片剪輯,再設(shè)置填充類型為【放射狀】,第1個(gè)色標(biāo)顏色為(R:255,G:255,B:255),第2個(gè)色標(biāo)顏色為 (R:255,G:255,B:204),第3個(gè)色標(biāo)顏色為(R:255,G:204,B:0),第4個(gè)色標(biāo)顏色為(R:255,G:102,B:0),第5個(gè)色標(biāo)顏色為(R:153,G:0,B:0),Alpha為0%,然后按住Alt鍵的同時(shí)使用【矩形工具】以該影片剪輯中心點(diǎn)為起點(diǎn)繪制一個(gè)如圖所示的矩形。

放射狀

步驟七、按下快捷鍵【Q】使用【任意變形工具】選擇矩形,然后按【Ctrl+T】組合鍵打開(kāi)【變形】面板,設(shè)置旋轉(zhuǎn)為45°,再單擊【重制選區(qū)和變形】按鈕,復(fù)制出3份圖形,如圖所示。

任意變形工具

步驟八、復(fù)制出5個(gè)圖形,然后將其分別調(diào)整成如圖所示的顏色,再將復(fù)制出的圖形全部轉(zhuǎn)換為影片剪輯,并將其分別命名為01、02、03、04和05。

復(fù)制5個(gè)圖形

步驟九、將01、02、03、04和05影片剪輯分別放置在第一個(gè)圖層的5個(gè)關(guān)鍵幀上,然后分別為其添加不同的【發(fā)光】濾鏡,然后再新建一個(gè)AS圖層,最后在【動(dòng)作-幀】面板中輸入stop():程序,如圖所示。

發(fā)光濾鏡

步驟十、在前面分別新建了兩個(gè)元件,現(xiàn)在我們給他們加上元件類。

添加元件類

步驟十一、然后我們新建一個(gè)ActionScript文件,將其命名為Main,然后保存在該實(shí)例的文件夾中,接著再輸入以下控制代碼。

/**
*該類為主程序類
*@authorlbynet
*@version0.1
*/
package{
importflash.display.Sprite;
importflash.display.MovieClip;
importflash.events.Event;
importflash.events.MouseEvent;
importflash.ui.Mouse;
publicclassMainextendsSprite{
privatevarstar:MovieClip;
publicfunctionMain(){
Mouse.hide();
this.star=newStar_mc();
addChild(star);
stage.addEventListener(MouseEvent.MOUSE_MOVE,moveHandler);
}
privatefunctionmoveHandler(e:MouseEvent):void{
this.star.x=stage.mouseX;
this.star.y=stage.mouseY;
var_mc=newMagic_mc();
_mc.x=stage.mouseX;
_mc.y=stage.mouseY;
addChild(_mc);
_mc.addEventListener(Event.ENTER_FRAME,RemoveDrop);
}
privatefunctionRemoveDrop(event:Event){
var_mc:MovieClip=event.targetasMovieClip;
if(_mc.scaleX<=0){
_mc.removeEventListener(Event.ENTER_FRAME,RemoveDrop);
removeChild(_mc);
}
//trace(this.numChildren)
}
}
}

步驟十二、同樣新建一個(gè)ActionScript文件,然后輸入控制代碼。

/**
*該類為擴(kuò)展元件類
*@authorlbynet
*@version0.1
*/
package{
importflash.display.MovieClip;
importflash.events.Event;
publicclassMagic_mcextendsMovieClip{
privatevardis:Number;
publicfunctionMagic_mc(){
init();
}
privatefunctioninit(){
varRandom=1+Math.round(Math.random()*4);
this.gotoAndStop(Random);
this.scaleX=this.scaleY=Math.random();
//產(chǎn)生隨機(jī)數(shù)-5到5之間的隨機(jī)數(shù)
dis=Math.round((Math.random()-.5)*10);
this.addEventListener(Event.ENTER_FRAME,enterFrameHandler);
}
privatefunctionenterFrameHandler(event:Event){
this.y+=5;
this.x+=dis;
this.scaleX-=.005;
this.scaleY-=.005;
}
}
}

在程序添加完成之后,按下鍵盤的【CTRL+ENTER】進(jìn)行測(cè)試即可。

好了,以上就是關(guān)于Flash制作焰火飄落特效(鼠標(biāo)觸發(fā))的全部?jī)?nèi)容,希望對(duì)你有所幫助!

標(biāo)簽: 特效  鼠標(biāo)