學(xué)習(xí)flash 2007-03-07 23:15:24 閱讀110 評(píng)論8 字號(hào)：大中小
其實(shí)照著教程做起了很簡(jiǎn)單，就是代碼要研究明白了需要廢點(diǎn)時(shí)間，我把我學(xué)的那個(gè)教程copy了一遍，大家都來(lái)做做看，真得不難！
————————————————————————————————————————————————
用Flash制作拼圖游戲(圖)
首先，讓我們來(lái)構(gòu)思一下游戲的大致樣子：畫(huà)面上散落著N多塊碎圖片，透過(guò)這些碎圖片我們可以隱約看到后面的一塊方形的區(qū)域，然后在屏幕的右邊赫然寫(xiě)著幾個(gè)大字——簡(jiǎn)易拼圖游戲。OK，構(gòu)思完畢，下面我們就開(kāi)做吧。
一、制作圖塊
1．拼圖拼圖，沒(méi)圖怎么做拼圖呢？所以，我們得先找張圖片過(guò)來(lái)，并將其導(dǎo)入到Flash中。
選擇File>Import，導(dǎo)入要做為拼圖素材的圖片。
2．選中剛剛導(dǎo)入的圖片，選擇Modify>Transform>Scale，將圖片的大小重新進(jìn)行調(diào)整。
3．調(diào)整完圖片大小后，按Ctrl+B將其打散。
4．選擇直線工具，在圖片上畫(huà)個(gè)十字，將圖片分為四塊。因?yàn)楸纠皇且榻B制作拼圖的原理，所以這里就只做四個(gè)圖塊。
5．按Ctrl+Alt+Shift+R，顯示標(biāo)尺，然后從標(biāo)尺上拉出線重合。
6．按Ctrl+Alt+；鎖定引導(dǎo)線。接著按住Ctrl鍵然后用鼠標(biāo)在四條黑線邊界的中間拉出一個(gè)拐點(diǎn)。
7．再次按住Ctrl鍵將突起的兩端拉回，形成一個(gè)小三角（如圖1）。
8．使用鼠標(biāo)將小三角變形成小圓?。ㄈ鐖D2）。
（ 圖1 ）
（ 圖2 ）
9．單擊選中左上角的那塊圖片，按F8彈出元件屬性對(duì)話框。在Name中輸入g1，然后將Behavior選為Graphic，單擊OK后將所選圖片轉(zhuǎn)化為圖形元件g1。
同樣地，將剩下的另外三塊圖片使用同樣的方法分別轉(zhuǎn)化為圖形元件g2、g3、g4。然后將剛才用來(lái)分割圖片的黑線刪除。
10．選中g(shù)1、g2、g3、g4四個(gè)元件，按Ctrl+C拷貝一份。
11．按Ctrl+V將剛才復(fù)制的元件粘貼上來(lái)。
12．單擊選中g(shù)1，按F8彈出元件屬性對(duì)話框。在Name中輸入b將Behavior選為Button，單擊OK后將所選元件g1轉(zhuǎn)化為按鈕元件b1。
同樣地，將剩下的另外三塊圖片使用同樣的方法分別轉(zhuǎn)化為按鈕元件b2、b3、b4。
13．單擊選中b1，按F8彈出元件屬性對(duì)話框。在Name中輸入m1，然后將Behavior選為Movie Clip，單擊OK后將所選元件b1轉(zhuǎn)化為影片剪輯m1。
同樣地，將剩下的另外三塊圖片使用同樣的方法分別轉(zhuǎn)化為影片剪輯m2、m3、m4。
至此，所需的圖塊已全部制作完成。接下去該是做游戲的背景了。
二、制作背景
1．將當(dāng)前層的名字改為“圖塊”。在當(dāng)前層的下面再新建一層并取名為“背景”。
2．選中剛才復(fù)制出來(lái)放在一邊備用的的群組對(duì)象，按Ctrl+X剪切之。
3．選中“背景”層，按Ctrl+V，將圖片對(duì)象粘貼到這一層上。
4．雙擊群組進(jìn)入編輯狀態(tài)，選中所有圖形元件。按Ctrl+I打開(kāi)實(shí)例面板，將Behavior改為Movie Clip（如圖3）。<其實(shí)這個(gè)就是我們常用的屬性面板的左面部分。>
( 圖3 )
5．選中左上角已變?yōu)镸ovie Clip的g1元件實(shí)例，在實(shí)例面板的Name中輸入d1。同樣的，分別將剩余的三塊元件命名為d2、d3、d4。
6．選中所有元件，選擇Window>Panels>Effect，打開(kāi)效果面板。從列表中選擇Tint效果，然后把Tint Color設(shè)置為黑色。 <其實(shí)這個(gè)也在我們常用的屬性面板上，不過(guò)是右邊部分——“顏色”下拉菜單里有個(gè)“色調(diào)”。>
7．換上文字工具，在舞臺(tái)的右邊書(shū)上“簡(jiǎn)易拼圖游戲”。
8．鎖定“背景”層。
三、編寫(xiě)代碼
最后，是整個(gè)例子制作的重頭戲，寫(xiě)入動(dòng)作腳本使圖塊動(dòng)起來(lái)。
“圖塊”層上的m1實(shí)例，選中里面的b1元件。打開(kāi)對(duì)象動(dòng)作面板，輸入下面這段代碼：
on (press) { startDrag ("", true); //開(kāi)始拖動(dòng) } on (release) { stopDrag ();//停止拖動(dòng) obj="/d1"; //底板上相應(yīng)的圖塊 if(_droptarget == obj){ //判斷釋放的圖塊是否在相應(yīng)的底板圖塊上。 //如果是在相應(yīng)的底板圖塊上就將 //釋放的圖塊與其對(duì)齊，形成一種自動(dòng) //吸附的效果?！ etProperty("",_x,getProperty(obj,_x)); setProperty("",_y,getProperty(obj,_y)); } }
雙擊“圖塊”層上的m2實(shí)例，選中里面的b2元件。打開(kāi)對(duì)象動(dòng)作面板，輸入上面的那段代碼，并將其中的obj=”/d1”;改為obj=”/d2”;。
同樣的，對(duì)于剩下的m3、m4實(shí)例，只要將那句obj=”/d1”;改為相應(yīng)的obj=”/d3”;和obj=”/d4”;即可。
最后，將圖塊打打散，整個(gè)游戲就OK了（如圖4）。<代碼需要自己打一遍，copy的不要用，會(huì)報(bào)錯(cuò)的！>
（圖 4 ）
