巧用FLASH做拼圖小游戲-實(shí)例教程

巧用FLASH做拼圖小游戲-實(shí)例教程來(lái)源：FLASH小游戲開(kāi)發(fā)教程FLASH作為一款目前最流行的網(wǎng)絡(luò)動(dòng)畫(huà)制作軟件，恐怕不知道的人少之又少。其實(shí)FLASH強(qiáng)大的功能不光能讓我們輕松制作動(dòng)畫(huà)，我們還可以利用它完成一些意想不到的工作。這里就介紹一下本人在使用FLASH過(guò)程中的一點(diǎn)心得-----用FLASH做拼圖游戲。下面是最后制作出來(lái)的效果：1、在做拼圖游戲之前首先必須準(zhǔn)備一張圖片，圖片可以隨意選，人物、風(fēng)景都可以,最重要是你自己喜歡。：〕在這個(gè)例子里我用的是一張從VCD里截下來(lái)的黑貓警長(zhǎng)的圖片〔如何截圖不用教了吧？用超級(jí)解霸在播放到適宜位置的時(shí)候按截圖按鈕就行了，然后用圖象處理軟件優(yōu)化一下〕。圖片如下：2、翻開(kāi)FLASH，點(diǎn)擊文件>新建菜單(快捷鍵Ctrl+N)，新建一個(gè)寬550、高400、背景為紅色的文件。然后點(diǎn)擊文件>導(dǎo)入(快捷鍵Ctrl+R)，導(dǎo)入剛剛準(zhǔn)備好的圖片。在主場(chǎng)景里調(diào)整好圖片的大小〔注意可不能把圖片調(diào)整得和主場(chǎng)景一樣大，要留一點(diǎn)空隙〕。然后點(diǎn)擊修改>分解組件〔快捷鍵Ctrl+B〕，將圖片打散以便編輯。3、接下來(lái)就要將圖片分解成小圖塊了，點(diǎn)擊工具面板里的套索工具，點(diǎn)選工具欄底部的多邊形模式，如圖2。用套索把“黑貓警長(zhǎng)〞的頭選中〔選中后應(yīng)該會(huì)看到有一層紗網(wǎng)罩住，為了便與選取精確，可以將顯示比例調(diào)大些，顯示比例調(diào)整框在窗口左下角〕。點(diǎn)擊插入>轉(zhuǎn)換成元件〔快捷鍵F8〕,在彈出的對(duì)話框給這個(gè)元件命名為“head〞并選中“影片剪輯〞〔注意這點(diǎn)尤為重要，否那么到后面就無(wú)法繼續(xù)了〕，如圖3，按確定即可.重復(fù)以上步驟將“黑貓警長(zhǎng)〞的手、槍、腳、身體、肩章分別轉(zhuǎn)換成影片剪輯。4、把圖片全局部解完了之后，在主場(chǎng)景里點(diǎn)擊編輯>全部選擇〔快捷鍵Ctrl+A〕，然后點(diǎn)擊編輯>去除〔快捷鍵Backspace〕,將主場(chǎng)景里的元件全部刪除。5、點(diǎn)擊插入>圖層或者在圖層面板點(diǎn)擊左下角的圖標(biāo)插入一個(gè)圖層并將其命名為"main",將下面的層命名為“background"。選中“main〞層的第一禎。翻開(kāi)庫(kù)面板〔點(diǎn)擊軟件窗口右下角的圖標(biāo)或點(diǎn)擊窗口>庫(kù)菜單翻開(kāi)，快捷鍵Ctrl+L〕，將制作的“head〞元件拖入主場(chǎng)景，調(diào)整至適宜位置,如圖4。這個(gè)“頭〞的圖象在游戲里是不能移動(dòng)的，以便于拼圖的定位。6、將剛剛分割所得的各個(gè)元件從庫(kù)面板中同樣拖至主場(chǎng)景放好，位置可隨意，如圖5。7、點(diǎn)擊窗口>面板>實(shí)例〔快捷鍵Ctrl+I〕翻開(kāi)實(shí)例面板(或點(diǎn)擊軟件窗口右下角的圖標(biāo))。用箭頭工具選取場(chǎng)景里的一個(gè)元件，在實(shí)例面板里給這個(gè)元件命名，切記要起個(gè)容易記的名字，因?yàn)橐院筮€要用到的，最好是和元件同名，如圖6。重復(fù)以上步驟將主場(chǎng)景里的影片剪輯全部命名。8、點(diǎn)擊插入>新建元件〔快捷鍵Ctrl+F8〕,新建一個(gè)名為“button〞的按鈕，點(diǎn)擊確定即可翻開(kāi)一個(gè)按鈕制作窗口，用橢圓工具在場(chǎng)景中心畫(huà)一個(gè)圓并去除圓形的邊線〔用箭頭工具在邊線上點(diǎn)一下，點(diǎn)擊編輯>去除菜單即可〕，然后再用箭頭工具選取圓形，用插入>轉(zhuǎn)換成元件命令將圓形轉(zhuǎn)換成圖形元件〔這樣做是為了方便后面使用透明效果〕。用鼠標(biāo)右鍵單擊反響區(qū)，在彈出的菜單里選擇插入關(guān)鍵禎，返回主場(chǎng)景，可以看到庫(kù)面板里多了一個(gè)名為“button〞的按鈕元件。9、在主場(chǎng)景里雙擊元件可以翻開(kāi)元件編輯窗口或者是在庫(kù)面板里用鼠標(biāo)右鍵單擊元件點(diǎn)擊彈出菜單里的編輯命令。我們現(xiàn)在選擇一個(gè)除“head〞之外的影片剪輯元件，進(jìn)入元件編輯窗口，在這里我們以“黑貓警長(zhǎng)〞的“拳頭〞為例，元件名為“hand〞,在主場(chǎng)景里影片剪輯也命名為“hand〞。在元件編輯窗口，將剛剛做好的按鈕從庫(kù)面板中拖入到“拳頭〞上，調(diào)整位置到“拳頭〞的中心并調(diào)整大小比“拳頭〞略小，如圖7。10、選中“拳頭〞上的按鈕翻開(kāi)行為面板〔快捷鍵Ctrl+Alt+A或點(diǎn)擊軟件窗口右下角的圖標(biāo)〕，點(diǎn)擊行為面板上的〞+“號(hào)，在彈出的菜單項(xiàng)選擇擇動(dòng)作>startDrag,參加startDrag命令〔“startDrag〞是一個(gè)拖拽命令，它可以對(duì)影片剪輯實(shí)行拖拽控制，所以我們?cè)谇懊姹仨毎阉械脑D(zhuǎn)換成影片剪輯。而參加按鈕是為了實(shí)現(xiàn)鼠標(biāo)單擊后可以拖動(dòng)拼圖，松開(kāi)鼠標(biāo)那么拼圖停止移動(dòng)〕。在動(dòng)作面板右邊對(duì)話框里我們選擇“on(release)〞,在下方的事件選擇對(duì)話框選擇“點(diǎn)擊〞；再選擇“startDrag("")〞,在下方的目標(biāo)對(duì)話框中單擊一下，然后單擊底部的圖標(biāo)，將會(huì)彈出一個(gè)包含所有在主場(chǎng)景里的影片元件的對(duì)話框，選擇“拳頭〞在主場(chǎng)景里的名字“hand〞按“確認(rèn)〞回到動(dòng)作面板，在動(dòng)作框下方的“鎖定鼠標(biāo)到中央〞前打上勾。接著在“startDrag〞的下方參加“stopDrag〞命令〔“stopDrag〞就是停止拖拽命令〕，完成后動(dòng)作對(duì)話框里的代碼應(yīng)該如下：

on(press){

startDrag("_root.hand"，true);

}

on(release){

stopDrag();

}點(diǎn)擊控制>測(cè)試影片〔快捷鍵Ctrl+Enter〕,試試看用鼠標(biāo)點(diǎn)擊拳頭是不是可以隨意拖動(dòng)了。11、按9、10的步驟給其他的“手〞、“腳〞、“身體〞等元件同樣參加“StartDrag〞命令〔當(dāng)然作為定位的“頭〞可以不用參加拖拽命令〕。測(cè)試一下影片，現(xiàn)在是不是可以拼圖了。12、至此，這個(gè)游戲已經(jīng)根本上完成了，我們現(xiàn)在要做的就是要把這些“手〞啊“腳〞啊上難看的圓形去掉。翻開(kāi)庫(kù)面板，選擇按鈕翻開(kāi)按鈕編輯窗口，在窗口中選中圓形，點(diǎn)擊窗口>面板>效果翻開(kāi)效果面板，在下拉菜單里選擇“Alpha〞〔透明〕，點(diǎn)擊面板右邊的小箭頭，移動(dòng)滑桿至最底部，這樣按鈕就變成透明的了。再測(cè)試一下影片，討厭的圓形不見(jiàn)了吧！13、最后我們還可以對(duì)游戲進(jìn)行一些處理，例如在“background〞圖層里參加一些背景，再插入一個(gè)圖層導(dǎo)入聲音等等，這方面我就不贅述了，很多地方都能找到這方面的教材的。提供這個(gè)例子僅僅是給大家提供一種思路，借以拋磚引玉。其實(shí)我們可以把這個(gè)游戲做得更為復(fù)雜一點(diǎn)，例如把拼圖的圖塊分得更細(xì)、連帶背景一起分割、把多個(gè)圖象導(dǎo)入游戲用按鈕控制調(diào)出〔我自己做的就是包括了“黑貓警長(zhǎng)〞、“葫蘆娃〞、“孫悟空〞好幾個(gè)卡通人物的拼