摘要：Flash不僅擁有動畫創(chuàng)作的能力，同時因其內(nèi)嵌的ActionScript3.0腳本語言，故而Flash還能進行應(yīng)用程序的開發(fā)工作。ActionScript3.0是一種面向?qū)ο蟮木幊陶Z言，使用ActionScript3.0可以控制Flash動畫中的對象，增強動畫創(chuàng)作的交互性。該文是基于Flash和ActionScript3.0來設(shè)計制作的一個簡單的九宮格數(shù)字華容道拼圖游戲。

關(guān)鍵詞：Flash;ActionScript3.0;拼圖游戲

中圖分類號：TP393 文獻標(biāo)識碼：A

文章編號：1009-3044（2019）34-0066-03

1 數(shù)字華容道拼圖游戲簡介和玩法

1.1 游戲簡介

拼圖游戲是常見的益智游戲之一，在各種數(shù)字智能終端設(shè)備（手機、平板、筆記本電腦等）下都可以通過網(wǎng)絡(luò)搜索、下載、安裝和娛樂，受到很多網(wǎng)民的歡迎。本文中的游戲為數(shù)字華容道的3*3九宮格數(shù)字拼圖，游戲玩家通過使用鍵盤的上下左右鍵來移動數(shù)字圖形方塊，最終使得數(shù)字按照規(guī)律進行排列，達(dá)到最終的效果，如圖3，此時游戲完成。

其中圖1是游戲剛啟動時的效果，圖2是游戲進行中的效果，圖3是游戲完成后的效果。

1.2 游戲具體玩法

玩家在拼圖的過程中，如果拼圖步驟不對，需要重新開始一次游戲，可以直接鼠標(biāo)單擊游戲界面上的“再玩一次”按鈕或者按鍵盤上空格鍵，都可以重置游戲。所有數(shù)字圖塊的位置都排列正確后，畫面上將顯示“你真棒o（n_n）o”幾個文字和符號，表示數(shù)字華容道的拼圖被正確拼好。

2 游戲創(chuàng)作過程

2.1 利用Photoshop制作華容道九宮格數(shù)字圖塊

1）首先需要在Photoshop中制作一張素材圖片：“數(shù)字華容道拼圖初始圖.jpg”，大小為150像素*150像素，如圖4，由于制作過程相對比較簡單，在此不再贅述，Photoshop制作過程圖，如圖5所示。

2）啟動Flash，使用“文件”一“新建”（Ctrl+N）一“Action-Script3.0”命令，新建一個Flash文件，文檔背景顏色設(shè)置為灰色，寬550像素，高400像素。

3）然后在Flash中選擇“文件”一“導(dǎo)入”一“導(dǎo)入到舞臺”命令，將Photoshop中制作好的“數(shù)字華容道拼圖初始圖.jpg”導(dǎo)入影片。

4）使用“選擇工具”按鈕，單擊選中圖片，使用快捷鍵Ctrl+B（分離），將圖片進行打散。再調(diào)出標(biāo)尺（快捷鍵Ctrl+Shift+Alt+R），利用輔助線對圖片進行劃分，分成九宮格，如圖6所示。

5）拼圖游戲需要使用鍵盤上的上下左右鍵進行移動數(shù)字圖塊，故在制作游戲的過程中，需要將每一塊數(shù)字圖塊轉(zhuǎn)換成影片元件。利用“選擇工具”，框選“數(shù)字1”數(shù)字圖塊，“數(shù)字1”數(shù)字圖塊轉(zhuǎn)換為元件前，內(nèi)容需要進行修改，因此需要選中“數(shù)字1”數(shù)字圖塊，然后選中“屬性面板”，將其顏色“填充”設(shè)置為綠色（當(dāng)然也可以選擇其他顏色），這樣第一塊圖形就被填充為綠色，這樣可作為空白塊使用。然后使用快捷鍵F8（轉(zhuǎn)換為元件），將“數(shù)字1”圖塊轉(zhuǎn)換為元件，類型為：影片剪輯，并命名為“Shul”。

6）重復(fù)上一步的做法，分別轉(zhuǎn)換其他數(shù)字圖塊為影片剪輯元件：Shu2 -，Shu9。

（7）選中每個數(shù)字圖塊，分別將“屬性”面板中的“實例”設(shè)置為：S1、S2、S3-，S9。

2.2 重新排列數(shù)字圖塊

第一次運行游戲或者重置游戲時，都需要實現(xiàn)數(shù)字圖塊的重新排列。具體的實現(xiàn)思路是：先將9個數(shù)字圖塊實例放置在一個數(shù)組sz- Arr中。然后在第一次運行游戲或者重置游戲時，每個數(shù)字圖塊實例在數(shù)組中的索引進行隨機交換。然后根據(jù)每個圖塊實例在數(shù)組中的索引號，實現(xiàn)重新排列實例圖塊在舞臺中的位置。具體代碼如下圖7和圖8。

2.3 獲取鍵盤上的按鍵信息

玩家通過鍵盤上的上下左右鍵進行移動空白圖塊從而使得拼圖游戲能夠進行，如果玩家在游戲中途離開或者拼錯，可以按鍵盤上的空格鍵進行重置游戲。我們需要通過pressKey-board0函數(shù)來實現(xiàn)按下鍵盤上的不同按鍵從而實現(xiàn)不同的處理，具體代碼如圖9。

2.4 數(shù)字圖塊交換函數(shù)

數(shù)字圖塊的交換，就是使得數(shù)字圖塊的索引號進行交換，然后重新排列每一個數(shù)字圖塊在舞臺中的位置。Interchange（r，c）將空數(shù)字圖塊移動到指定目標(biāo)位置，函數(shù)的參數(shù)r、c分別行號與列號?？諗?shù)字圖塊原來的位置是（k_Row，k_Col）。具體代碼如圖10。

2.5 判斷拼圖是否完成的方法

判斷是否拼圖完成是根據(jù)sz—Arr數(shù)組中，各數(shù)字圖塊實例的索引順序是否一定是（SI，S2…S9]，因此只需判斷sz- Arr數(shù)組中的實例元素是否是按照此順序排列的即可。具體代碼如圖11所述：

3 拼圖游戲?qū)崿F(xiàn)的步驟

3.1 創(chuàng)建Flash文件

1）使用“文件”一“新建”（CtrI+N）→“ActionScript3.0”命令，新建一個Flash文件，設(shè)置文檔背景色：灰色，文檔大小為：寬550像素，高400像素。在屬性面板設(shè)置文檔類為DigitaIHua-rongRoad。

2）在工具面板中選擇文本工具，在場景舞臺上中間區(qū)域?qū)懮稀澳阏姘鬿（n_n）o”文字和符號，并在屬性面板中將文本設(shè)置為動態(tài)文本，并將實例命名為Finish_Text。

3）添加重置游戲按鈕Reset_btn：選擇“窗口”→“公用庫”→“Buttns”→“buttons bar”→“bar bule”，使用鼠標(biāo)拖拽一個按鈕到舞臺上，然后將按鈕上的文本修改為：“再來一次”，點擊“屬性”面板，將實例名修改為Reset_btn。

3.2 設(shè)計文檔類

選擇“文件”一“新建”選項，在窗口中選擇“ActionScript文件”選項。新建一個ActionScript類文件，命名為DigitaIHua-rongRoad.as.并保存到剛剛創(chuàng)建Flash文件所在的文件夾中。

4 結(jié)束語

以上是使用Flash及其內(nèi)嵌的ActionScript3.0腳本語言進行設(shè)計和制作一個數(shù)字華容道的拼圖小游戲的整個設(shè)計思路和具體流程。

我們使用Flash中的工具和命令來制作切分?jǐn)?shù)字圖塊，然后添加起重置作用的按鈕和當(dāng)拼圖完成時能夠出現(xiàn)的文本：“你真棒o（n_n）o”，這些就是游戲前端的內(nèi)容;對于如何讓游戲動起來，那就要涉及游戲的靈魂——游戲編程。我們把游戲中需要實現(xiàn)的效果通過編程寫出具體的代碼，然后把它封裝到DigitaIHuarongRoad類中。游戲前端的對象可以通過調(diào)用Digit-alHuarongRoad類中具體的屬性和方法來實現(xiàn)游戲的最終效果。

當(dāng)然本文只是設(shè)計制作了一個比較簡單的3階（九宮格）的數(shù)字華容道，那么同理也可以制作4階，5階……n階的數(shù)字華容道，數(shù)字華容道的階數(shù)n越大游戲難度越大，如果再給游戲添加上關(guān)卡，就可以將游戲難度設(shè)置成由易到難的狀態(tài)，游戲玩家可以由簡單到復(fù)雜的玩游戲，這比較符合人們在實際生活中玩游戲時候的場景。

參考文獻：

[1] Rex Van Der Spuy.Foundation Game Design with Flash[M].李鑫，陳文登，付斌，譯.北京：人民郵電出版社，2011.

[2] Rex Van Der Spuy. Foundation Game Design with Action-Script 3.O[M].Univ California- Berkeley：Apress，2012.

[3]朱治國，繆亮，陳艷麗.Flash ActionScript 3.0編程技術(shù)教程[M].北京：清華大學(xué)出版社，2008.

[4]劉本軍，李登豐.Flash ActionScript 3.0互動設(shè)計項目教程[M].北京：人民郵電出版社，2015.

【通聯(lián)編輯：光文玲】

收稿日期：2019-08-22

作者簡介：徐東霞（1986-），女，江蘇贛榆人，江南影視藝術(shù)職業(yè)學(xué)院，助教，主要研究方向為軟件技術(shù)、數(shù)字媒體技術(shù)、游戲方向。