畢業(yè)設(shè)計(jì)論文——連連看設(shè)計(jì)

1、<p>　　專 科 畢 業(yè) 論 文</p><p>　　基于flash的兒童益智游戲制作</p><p><b>　　——果蔬連連看</b></p><p>　　Based on the flash of the fancy game production</p><p>　　——Fruit

2、 and vegetable lianliankan</p><p>　　學(xué)院名稱： </p><p>　　專業(yè)班級(jí)： </p><p>　　學(xué)生姓名： </p><p>　　指導(dǎo)教師姓名： </p><p>　　指導(dǎo)教師職稱：

3、 </p><p>　　2011年 5 月</p><p>　　基于flash的兒童益智游戲制作——果蔬連連看</p><p>　　摘 要 隨著計(jì)算機(jī)多媒體技術(shù)的發(fā)展，也帶動(dòng)了游戲的進(jìn)一步完善。并且現(xiàn)在小游戲、網(wǎng)頁游戲越來越來受大家歡迎，除了玩的方法簡單外，很多游戲不乏經(jīng)典，其中連連看游戲就是典型了。</p><p&

4、gt;　　Flash它是一種交互式動(dòng)畫設(shè)計(jì)工具，用它可以將音樂，聲效，動(dòng)畫以及富有新意的界面融合在一起，以制作出高品質(zhì)的動(dòng)態(tài)效果的媒體開發(fā)工具。并且把Flash技術(shù)用在游戲設(shè)計(jì)上不僅可以使其更加生動(dòng)，而且小巧玲瓏上傳、下載迅速，使得游戲便于網(wǎng)上交流，并且它完美結(jié)合了新時(shí)代的一切時(shí)尚元素：網(wǎng)絡(luò)、互動(dòng)、即時(shí)、音樂、動(dòng)畫等，使得連連看游戲更上一層樓。</p><p>　　因此，在本次畢業(yè)設(shè)計(jì)過程中我主要針對(duì)工具軟件Fl

5、ash 8.0的特點(diǎn)與優(yōu)勢，來制作一個(gè)適合兒童玩的益智連連看小游戲。連連看小游戲只要把相同的果蔬用三根以內(nèi)的直線連在一起就消除，規(guī)則簡單容易上手。游戲畫面清晰可愛，況且速度節(jié)奏快。多樣的畫面可以讓兒童們保持游戲的新鮮感并且能夠找到挑戰(zhàn)的目標(biāo)，而且在游戲的過程中除了充分學(xué)到知識(shí)外，還能鍛煉自己的眼力和手腦的結(jié)合等等。</p><p>　　關(guān)鍵詞： 多媒體 Flash 8.0 果蔬連連看 益智游戲 兒童 學(xué)習(xí)&l

6、t;/p><p>　　Based on the flash of the fancy game production</p><p>　　——Fruit and vegetable lianliankan</p><p>　　Abstract Along with the computer multi-media technology development, als

7、o contributed to the game further perfection. And now little game, web games more and more become popular, in addition to play some welcome method is simple, many games outside, which is a classic lianliankan game is typ

8、ical.</p><p>　　Flash it is an interactive animation design tool, it can be music and sound effects will be full of new meaning, animation and the interface fuses in together, in order to make out the high qu

9、ality the effects of dynamic media development tool. And the Flash technology in the game design can not only make it more vivid, and small and exquisite upload, download quickly, making games online interactions, and it

10、 for a perfect combination of the new era all fashionable element: network, interactive,</p><p>　　Therefore, in the graduation design process I mainly for tool software Flash 8.0 characteristic and advantage

11、, to create a suitable for children's play of educational lianliankan little game. Lianliankan little game as long as the same with three pillars of the fruits and vegetables together within the straight line is elim

12、inated, rules are simple easy to use. The game is clearly cute, besides pace fast. Diverse picture can let children keep the game freshness and to find the target, but also in</p><p>　　Keywords: multimedia

13、 Flash 8.0 fruit and vegetable lianliankan puzzles game </p><p>　　children learn</p><p><b>　　目 錄</b></p><p><b>　　引 言5</b></p><p><b>　

14、　第一章 緒論5</b></p><p>　　1.1多媒體小游戲的特點(diǎn)和優(yōu)勢6</p><p>　　1.2 Flash果蔬連連看益智游戲系統(tǒng)開發(fā)意義6</p><p>　　1.3 多媒體工具軟件Flash及腳本語言簡介7</p><p>　　1.3.1 Flash簡介7</p><p>　　1.3

15、.2 ActionScript簡介8</p><p>　　第二章 益智游戲可行性分析及方案論證9</p><p>　　2.1可行性分析10</p><p>　　2.1.1需求分析10</p><p>　　2.1.2設(shè)計(jì)分析10</p><p>　　2.2方案論證10</p><p>

16、　　2.2.1 主要問題10</p><p>　　2.2.2 解決思路10</p><p>　　2.2.3 技術(shù)要求11</p><p>　　第三章 游戲設(shè)計(jì)前期準(zhǔn)備11</p><p>　　3.1 游戲設(shè)計(jì)概述12</p><p>　　3.1.1 游戲設(shè)計(jì)面對(duì)的對(duì)象12</p><p&

17、gt;　　3.1.2 游戲設(shè)計(jì)目的12</p><p>　　3.1.3 游戲設(shè)計(jì)的內(nèi)容12</p><p>　　3.2 素材準(zhǔn)備12</p><p>　　3.2.1游戲背景圖片12</p><p>　　3.2.2果蔬小圖片13</p><p>　　3.2.3背景音樂13</p><p&g

18、t;　　3.3 游戲設(shè)計(jì)13</p><p>　　3.3.1游戲設(shè)計(jì)思路13</p><p>　　3.3.2游戲設(shè)計(jì)流程14</p><p>　　第四章 游戲的制作——果蔬連連看15</p><p>　　4.1 游戲初期制作16</p><p>　　4.1.1 游戲界面設(shè)計(jì)16</p><

19、;p>　　4.1.2 按鈕制作17</p><p>　　4.1.3 影片制作19</p><p>　　4.2 游戲中期制作19</p><p>　　4.2.1 添加腳本19</p><p>　　4.3影片片段操作動(dòng)作23</p><p>　　4.4 Flash果蔬連連看益智游戲的發(fā)布24</p&

20、gt;<p><b>　　小 結(jié)25</b></p><p><b>　　致 謝26</b></p><p><b>　　參考文獻(xiàn)：27</b></p><p><b>　　引 言</b></p><p>　　隨著計(jì)算機(jī)多媒體技術(shù)的發(fā)展

21、，其中Flash技術(shù)的不斷完善，F(xiàn)LASH熱開始席卷，F(xiàn)LASHER們也開始聚集，并且開始業(yè)界化。而游戲“連連看”是源自臺(tái)灣的桌面小游戲，自從流入大陸以來風(fēng)靡一時(shí)，也吸引眾多程序員開發(fā)出多種版本的“連連看”。況且，連連看游戲作為一種小型益智游戲，由于它屬于休閑型的，因此吸引了大多數(shù)人群。雖然游戲過程簡單，但還是給大家?guī)砹嗽S多樂趣。</p><p>　　伴隨著Flash應(yīng)用的流行，網(wǎng)上出現(xiàn)了多種在線Flash版本

22、“連連看”。如“水晶連連看”、“寵物連連看”等，流行的“水晶連連看”以華麗界面吸引了一大批的女性玩家。2008年，隨著社交網(wǎng)絡(luò)的普及和開放平臺(tái)的興起，“連連看”被引入了社交網(wǎng)絡(luò)?！斑B連看”與個(gè)人空間相結(jié)合，被快速的傳播，成為一款熱門的社交游戲。</p><p>　　本次我利用Flash制作一款適合兒童的益智小游戲，他能夠在娛樂是同時(shí)了解更多的果蔬?？梢蕴岣邇和〕ＷR(shí)的程度，也可以滿足他們的娛樂欲望和激發(fā)他們的挑戰(zhàn)

23、性。</p><p><b>　　第一章 緒論</b></p><p>　　1.1多媒體小游戲的特點(diǎn)和優(yōu)勢</p><p>　　Flash是多媒體系統(tǒng)開發(fā)工具之一，它是面向?qū)ο蟮脑O(shè)計(jì)思想，提高了多媒體系統(tǒng)開發(fā)的質(zhì)量和速度。Flash與其他多媒體開發(fā)平臺(tái)的最大區(qū)別就在于操作界面，他的操作界面經(jīng)過重新設(shè)計(jì)，使得界面更加美觀、層次清晰、各面板布局合理

24、，使得制作游戲更加容易操作并且無需任何編程基礎(chǔ)就可以輕松制作出大量動(dòng)畫效果。</p><p>　　由于Flash軟件利用特有的元件構(gòu)成游戲的制作方法，因此大量減少了游戲動(dòng)畫所占的容量，適合網(wǎng)上播放，他與當(dāng)今流行的網(wǎng)頁設(shè)計(jì)工具Dreamweaver配合默契，可以直接嵌入網(wǎng)頁的任一位置，非常方便。而且Flash制作的游戲可以生成動(dòng)畫文件，并且可以獨(dú)立播放。他不僅可以在線玩，也可以離線玩，并同時(shí)保留其原來游戲中的各種交

25、互式操作功能。</p><p>　　1.2 Flash果蔬連連看益智游戲系統(tǒng)開發(fā)意義</p><p>　　在電腦普及發(fā)展的今天，游戲已成為人們生活中必不可少的一部分了，因?yàn)椴徽撃阕叩侥膫€(gè)游戲網(wǎng)站，連連看游戲總是排在受玩家歡迎排名的前5位，休閑、趣味、益智是連連看玩不厭的精華，且不分男女老少、工薪白領(lǐng)，是一款適合大眾的經(jīng)典休閑小游戲。而這次我所選的課題連連看小游戲的設(shè)計(jì)開發(fā)正是互聯(lián)網(wǎng)與社會(huì)生

26、活之間關(guān)系的緊密體現(xiàn)。</p><p>　　并且游戲能夠教會(huì)兒童處理問題，他也許在連連看中過不了關(guān)，或者很可能他無法去完成他想要做的事情，所有這—切都有助于教他學(xué)會(huì)如何去處理生活中出現(xiàn)的困難，也許有些情況很難抉擇，但他們必須學(xué)會(huì)做出最后的決定。游戲還有助于增進(jìn)兒童對(duì)自身的了解，當(dāng)他大一些時(shí)，他會(huì)和他人交往，但在他這么做之前，他至少得對(duì)自已有所了解，游戲能幫他發(fā)現(xiàn)自已體力、智力上的優(yōu)勢和劣勢。</p>

27、<p>　　不同的益智游戲是輔助兒童認(rèn)識(shí)世界的有效工具，幫助他們配合身上各種感官的反應(yīng)，來接觸和認(rèn)知新奇的萬事萬物。此外，益智游戲還具有協(xié)調(diào)身體機(jī)能的作用，例如兒童玩連連看，除了要用腦，還要有手的配合，這樣通過玩益智游戲，訓(xùn)練并逐漸建立起孩子的手腳協(xié)調(diào)、手眼配合等身體機(jī)能；具有練習(xí)社交活動(dòng)的作用，兒童在跟他們的同伴或父母玩益智游戲的過程中，不知不覺間在發(fā)展他們的社會(huì)關(guān)系，即使他們?cè)诤献骰蚋偁幹腥菀桩a(chǎn)生執(zhí)拗和爭吵，實(shí)際上他們正

28、在發(fā)展合作精神和學(xué)習(xí)與人分享的心理，為日后融入社會(huì)打下基礎(chǔ)。同時(shí)，語言能力、情緒釋放、動(dòng)手能力等都得到一定提高。兒童從出生一直到青少年時(shí)期都處于不斷生長發(fā)育的過程中。其生理特征與成人不同，在不同時(shí)期也差異很大。所以要根據(jù)兒童的智力發(fā)育及體能發(fā)展的程度來選擇益智游戲。</p><p>　　1.3 多媒體工具軟件Flash及腳本語言簡介</p><p>　　1.3.1 Flash簡介</

29、p><p>　　Flash是美國Micromedia公司推出的網(wǎng)頁動(dòng)畫制作軟件，其前身為FUTURESPLASH，是早期網(wǎng)上流行的矢量動(dòng)畫插件。 Micromedia公司收購FUTURESPLASH 后，將它更名為Flash 2.0 ，逐漸發(fā)展到今天的Flash MX、 Flash 8等。Flash是一套集矢量繪圖、動(dòng)畫制作、交互設(shè)計(jì)三大功能于一身的網(wǎng)頁動(dòng)畫設(shè)計(jì)軟件，不必編寫程序就能制作出各種生動(dòng)的動(dòng)畫，還能給動(dòng)畫配

30、上語音和音樂音效，創(chuàng)作出了許多令人嘆為觀止的動(dòng)畫效果。并且Flash具有更多的專業(yè)優(yōu)勢有：</p><p>　　(1)圖形、文字處理功能強(qiáng)大。</p><p>　　計(jì)算機(jī)中的圖形分為矢量圖和位圖。矢量圖是用數(shù)學(xué)方法描述的圖，由線條和曲線組成。矢量圖形與分辨率無關(guān)，可以將它們縮放到任意尺寸，而不會(huì)丟失細(xì)節(jié)或降低清晰度。位圖是由像素組成的，每個(gè)像素都有自己特定的位置和顏色值。位圖圖像與分辨率有

31、關(guān)，它們包含固定數(shù)量的像素。因此，如果在屏幕上對(duì)它們進(jìn)行縮放時(shí)，將丟失其中的細(xì)節(jié)并會(huì)呈現(xiàn)鋸齒狀。在Flash 中，不僅能導(dǎo)入常見格式的位圖（如JPG、BMP）和矢量圖（如PNG、AI），而且能在使用繪圖工具繪制矢量圖，還能將位圖轉(zhuǎn)換為矢量圖。同時(shí)，F(xiàn)lash可以方便地處理自定義文字的字體、顏色、大小等，還可以將特殊字體轉(zhuǎn)換為圖形，從而避免了因客戶端字體缺乏造成作品輸出時(shí)字體無法顯示的尷尬。</p><p>　　(

32、2)支持多種音頻、視頻文件。</p><p>　　在Flash 中可以導(dǎo)入WAV、MP3 格式的文件，而且還可以使用ADPCM、MP3、原始?jí)嚎s以及語音壓縮技術(shù)根據(jù)不同的需要對(duì)聲音進(jìn)行壓縮。在Flash 中還可以導(dǎo)入QuickTime 或Windows 播放器支持的標(biāo)準(zhǔn)媒體文件。導(dǎo)入的視頻格式包括：MPEG（運(yùn)動(dòng)圖像專家組）、DV（數(shù)字視頻）、MOV（QuickTime 電影）和AVI 等。對(duì)于導(dǎo)入的視頻對(duì)象，既

33、可以進(jìn)行縮放、旋轉(zhuǎn)、扭曲處理，也可以通過編寫腳本來創(chuàng)建視頻對(duì)象的動(dòng)畫。</p><p>　　(3)修改方便，可擴(kuò)展性強(qiáng)。</p><p>　　與Authorware、PowerPoint 等多媒體制作軟件比起來，F(xiàn)lash 在修改方面更加方便。比如，要修改課件中所有按鈕的顏色，只需要在庫中修改按鈕元件的顏色，在舞臺(tái)上所有的按鈕的顏色就都會(huì)改變，而無需逐個(gè)修改。在FLASH 課件中如果要修改

34、層次關(guān)系、配音效果、運(yùn)動(dòng)路線、某個(gè)角色的形狀等等，都只要簡單的幾個(gè)步驟就行了，這就提高了課件的可擴(kuò)展性和再使用率。</p><p>　　(4)生成的文件小，使用方便。</p><p>　　由于Flash 中使用較多的是矢量圖形，因此，生成的文件所占的存儲(chǔ)空間都比較小。此外，F(xiàn)lash 對(duì)于圖像、聲音和視頻文件都可以進(jìn)行相應(yīng)的壓縮處理，這就使得導(dǎo)出后的SWF 文件非常小，方便攜帶以及在網(wǎng)絡(luò)上

35、發(fā)布共享。Flash 課件制作完成后可以發(fā)布為HTML 格式，而且導(dǎo)出后的SWF 文件也可以用IE 瀏覽器打開，因此，無需安裝Flash 軟件也可以方便使用。</p><p>　　1.3.2 ActionScript簡介</p><p>　　ActionScript是Flash中采用的腳本語言，通過腳本語言的編寫可以實(shí)現(xiàn)動(dòng)畫的交互性、對(duì)象的操作等。</p><p>

36、　　ActionScript最早出現(xiàn)在Flash 3.0版本中，稱ActionScript 1.0，該版本語法冗長，主要應(yīng)用時(shí)圍繞幀的導(dǎo)航和鼠標(biāo)的交互。這種情況一直持續(xù)到Flash 5.0。而Flash MX 2004（7.0）引入了ActionScript 2.0,它有兩大改進(jìn)：變量的類型檢測和新的class類語法。ActionScript 2.0的變量類型會(huì)在編譯時(shí)執(zhí)行強(qiáng)制類型檢測。接下來是ActionScript 3.0（在Fla

37、sh CS2 和Flash CS3中）。這不僅僅是一個(gè)帶有新版本號(hào)的ActionScirpt 語言，還有一個(gè)全新的虛擬機(jī)，ActionScript 1.0和ActionScript 2.0都使用AVM1 （ActionScript 虛擬機(jī)1）,因此它們?cè)谛枰胤艜r(shí)本質(zhì)上是一樣的，而ActionScript 3.0運(yùn)行在AVM2上，一種新的專門針對(duì)ActionScirpt 3.0代碼的虛擬機(jī)。你會(huì)發(fā)現(xiàn)ActionScript 3.0更具深

38、遠(yuǎn)、更有意義，并新增了的許多功能：</p><p>　?。?）運(yùn)行時(shí)排錯(cuò)：錯(cuò)誤會(huì)在運(yùn)行時(shí)拋出，以幫助調(diào)試影片。 </p><p>　　（2）運(yùn)行時(shí)變量類型檢測：在回放時(shí)會(huì)檢測變量的類型是否合法。 </p><p>　　（3）類封裝：靜態(tài)定義類以增強(qiáng)性能。 </p><p>　　（4）方法封裝：方法與它們相關(guān)的類實(shí)例綁定，因此在方法中的“thi

39、s”將不會(huì)改變。 </p><p>　?。?）E4X：一個(gè)新的，更易于操作的xml。</p><p>　?。?）正規(guī)表達(dá)式：支持本地化正規(guī)表達(dá)式。 </p><p>　　（7）命名空間：不但在xml中支持命名空間而且在類的定義中也同樣支持。 （8）int和uint數(shù)據(jù)類型：新的數(shù)據(jù)變量類型允許ActionScript使用更</p><p>　

40、　快的整型數(shù)據(jù)來進(jìn)行計(jì)算。 </p><p>　　（9）新的顯示列表模式：一個(gè)新的，自由度較大的管理屏幕上顯示對(duì)象的方法。 </p><p>　?。?0）新的事件類型模式：一個(gè)新的基于偵聽器事件的模式。 </p><p>　　第二章 益智游戲可行性分析及方案論證</p><p><b>　　2.1可行性分析</b><

41、;/p><p><b>　　2.1.1需求分析</b></p><p>　　隨著多媒體和網(wǎng)絡(luò)的不斷發(fā)展，游戲產(chǎn)業(yè)作為現(xiàn)代電子技術(shù)的產(chǎn)物，正以其獨(dú)特的魅力在全世界的娛樂領(lǐng)域占據(jù)主流位置。正如我們所見，可以說游戲已是我們生活中的主要一部分了。也體現(xiàn)在教育這一塊，通過游戲來達(dá)到教學(xué)的目的，這已經(jīng)得到驗(yàn)證，引起來兒童們的興趣并且效果非常好。</p><p>

42、;　　果蔬連連看小游戲讓兒童接觸到了更多的果蔬，在游戲過程中能夠讓兒童更好的認(rèn)識(shí)生活中的事物，同時(shí)也鍛煉了兒童的手腦的反應(yīng)速度。使得兒童在游戲的過程中同樣達(dá)到了教育的目的。</p><p><b>　　2.1.2設(shè)計(jì)分析</b></p><p>　　連連看游戲?yàn)閮和峁┝舜罅控S富多彩的果蔬圖片，能夠吸引兒童主動(dòng)去掌握水果方面的知識(shí)，減輕了年輕媽媽們的負(fù)擔(dān)。并且該游戲是

43、一款益智型游戲，根據(jù)兒童們的興趣而設(shè)計(jì)的。設(shè)計(jì)中要解決的問題：</p><p>　　(1) 游戲素材要充足（圖片素材、聲音素材等）；</p><p>　　(2) 游戲內(nèi)容要充足（要有開始界面、還有游戲說明、退出游戲、游戲闖關(guān)部分的界面等）；</p><p>　　(3) 游戲整個(gè)框架要美觀簡潔，更能吸引兒童，讓兒童有動(dòng)手的想法或愿望。</p><p

44、><b>　　2.2方案論證</b></p><p>　　2.2.1 主要問題</p><p>　　開始制作游戲時(shí)，主要解決問題有以下幾個(gè)方面：如何設(shè)置整個(gè)游戲的界面；如何控制連連看游戲中隨機(jī)果蔬圖片的生成且每種圖片必須為偶數(shù)個(gè)；游戲開始后，判斷鼠標(biāo)兩次點(diǎn)擊的圖片能否消去，即圖片是否相同且圖片之間路徑的判斷；如何判斷游戲是否結(jié)束問題等。 </p>

45、<p>　　2.2.2 解決思路</p><p>　　我們已經(jīng)知道，兩個(gè)圖形能夠相消，當(dāng)且僅當(dāng)這兩個(gè)圖形相同，且它們之間存在路徑轉(zhuǎn)彎數(shù)目小于等于3。因此，我們主要需要解決的問題還是，怎樣求出相同圖形之間的最短路徑，這個(gè)最短的路徑，我們首先需要保證轉(zhuǎn)彎數(shù)目最少。在轉(zhuǎn)彎數(shù)目最少的情況下，經(jīng)過的格子數(shù)目要盡可能地少。在經(jīng)典的最短路問題中，我們需要求出經(jīng)過格子數(shù)目最少的路徑。而這里，要保證轉(zhuǎn)彎數(shù)目最少，需要把最

46、短路問題的目標(biāo)函數(shù)修改為從一個(gè)點(diǎn)到另一個(gè)點(diǎn)的轉(zhuǎn)彎次數(shù)。雖然，目標(biāo)函數(shù)修改了，但算法的框架仍然可以保持不變。廣度優(yōu)先搜索是解決經(jīng)典最短路問題的一個(gè)思路，就是每次優(yōu)先擴(kuò)展?fàn)顟B(tài)值最少的格子。</p><p>　　2.2.3 技術(shù)要求</p><p>　　該游戲軟件在大多數(shù)計(jì)算機(jī)上都能運(yùn)行，游戲中鼠標(biāo)正確點(diǎn)擊兩次果蔬圖片是否可以消去、能否判斷游戲已經(jīng)結(jié)束。</p><p>

47、　　第三章 游戲設(shè)計(jì)前期準(zhǔn)備</p><p>　　3.1 游戲設(shè)計(jì)概述</p><p>　　3.1.1 游戲設(shè)計(jì)面對(duì)的對(duì)象</p><p>　　(1)面向?qū)ο笫牵簝和?lt;/p><p>　　(2)特點(diǎn): 使用Flash制作的益智游戲能夠幫助兒童成長，因?yàn)槟軇?dòng)的發(fā)聲的，形狀可愛的卡通果蔬更能吸引兒童的注意力。</p><p&

48、gt;　　3.1.2 游戲設(shè)計(jì)目的</p><p>　　把相同精美的果蔬圖片一一連線搭配，讓兒童能夠在游戲過程中輕松地記住他們，也能夠使兒童在日常生活當(dāng)中提高事物辨識(shí)方面的能力。通過游戲來培養(yǎng)兒童觀察事物的興趣和集中度的提升等，并在游戲的過程中充分鍛煉自己和使得身體最大程度的放松。最好也能夠讓兒童在游戲的過程中學(xué)到面對(duì)問題時(shí)所應(yīng)有的態(tài)度。</p><p>　　3.1.3 游戲設(shè)計(jì)的內(nèi)容&l

49、t;/p><p>　　通過使用鼠標(biāo)將2個(gè)相同的果蔬圖片一一連線搭配起來，連接線不多于3根直線，就可以成功將兩個(gè)圖片消除。即第一次使用鼠標(biāo)點(diǎn)擊游戲界面中的果蔬圖片，該圖片此時(shí)為“被選中”，以特殊方式顯示；再次以鼠標(biāo)點(diǎn)擊其他果蔬圖片，若該果蔬圖片與被選中的果蔬圖片圖案相同，且把第一個(gè)果蔬圖片和第二個(gè)果蔬圖片連起來，中間的直線不超過三根，則消掉這一對(duì)果蔬圖片，否則第一個(gè)果蔬圖片恢復(fù)未被選中的狀態(tài)。知道把游戲界面上的所有果蔬

50、圖片全部消除，則可以進(jìn)入下一關(guān)，同樣，等你把所有的果蔬圖片都消除了，你有再次闖關(guān)成功，進(jìn)入下一關(guān)，但越往后難度越大，所以如果你能夠闖關(guān)成功的話，你就可以獲得勝利。</p><p><b>　　3.2 素材準(zhǔn)備</b></p><p>　　3.2.1游戲背景圖片</p><p>　　在游戲構(gòu)思好之后，上網(wǎng)找一些適合本次游戲所需背景的圖片，找一些能

51、夠讓兒童喜歡的背景圖，并且色彩不會(huì)影響眼睛的健康，背景圖片的選取也不需太過華麗。因?yàn)楸敬卧O(shè)計(jì)是針對(duì)兒童而設(shè)計(jì)的，針對(duì)兒童的興趣，找一些可愛的圖片，適合他們年齡階段，在根據(jù)場景的需求進(jìn)行刷選，最終決定使用的背景圖和開始圖。</p><p>　　3.2.2果蔬小圖片</p><p>　　根據(jù)游戲的主題，搜集一些果蔬卡通小圖片。由于卡通圖片能夠激發(fā)兒童的想象力，雖然找到的圖片大小不適合，但可以進(jìn)

52、行適當(dāng)?shù)奶幚?。主要使用Photoshop和Fireworks進(jìn)行圖像的處理。最主要的是，這些果蔬圖片要能夠吸引兒童的注意力，并且是他們所喜愛的。最重要的是避免和背景圖的顏色沖突，以保證整個(gè)游戲界面的整潔美觀。</p><p><b>　　3.2.3背景音樂</b></p><p>　　背景音樂也尤其重要，他會(huì)影響用戶的娛樂心情。所以背景音樂要貼近游戲的主題，同時(shí)在游戲

53、的過程中他還要體現(xiàn)用戶的心情和態(tài)度。而且，選擇的音樂格式最好是.MP3格式的，播放時(shí)間短，也可以用qq影音截取所需要的那段音樂。</p><p><b>　　3.3 游戲設(shè)計(jì)</b></p><p>　　3.3.1游戲設(shè)計(jì)思路</p><p>　　(1)路徑判斷的思路是連連看主要要求的：</p><p>　　1、兩個(gè)目標(biāo)

54、是相同的。</p><p>　　2、兩個(gè)目標(biāo)之間連線的折點(diǎn)不超過兩個(gè)。（連接線由x軸和y軸的平行線組成）那么分析一下連接的情況可以看到。</p><p>　?。?）一般分三種情況：</p><p><b>　　1、直線相連；</b></p><p><b>　　2、一個(gè)折點(diǎn)；</b></p&g

55、t;<p><b>　　3、兩個(gè)折點(diǎn)。</b></p><p>　　可以發(fā)現(xiàn)，如果有折點(diǎn)，每個(gè)折點(diǎn)必定有且至少有一個(gè)坐標(biāo)（x或者y）是和其中一個(gè)目標(biāo)點(diǎn)是相同的，也就是說，折點(diǎn)必定在兩個(gè)目標(biāo)點(diǎn)所在的x方向或y方向的直線上。</p><p>　　（3）所以設(shè)計(jì)思路就是：</p><p>　　假設(shè)目標(biāo)點(diǎn)a，b，如果有兩個(gè)折點(diǎn)分別在m，n

56、那么，所要進(jìn)行的是</p><p>　　1、如果驗(yàn)證a，b直線連線，則連接成立。</p><p>　　2、搜索以a，b的x，y方向四條直線（可能某兩條直線會(huì)重合）上的有限點(diǎn)，每次取兩點(diǎn)作為m，n，驗(yàn)證a到m/m到n/n到b是否都能直線相連，是則連接成立。</p><p>　　3.3.2游戲設(shè)計(jì)流程</p><p>　　本次果蔬連連看游戲整體結(jié)

57、構(gòu)非常清晰，主要分為游戲模塊和音頻模塊，游戲從運(yùn)行開始可以通過各個(gè)按鈕進(jìn)行靈活的控制，每次順利闖關(guān)后再點(diǎn)擊繼續(xù)下一關(guān)，直至順利闖關(guān)完或者直接退出。</p><p><b>　　（1）游戲模塊。</b></p><p>　　一個(gè)好的兒童益智游戲，必須具備一個(gè)好的場景。只有吸引兒童的眼光了，使兒童有玩的興趣了，這款游戲才會(huì)流行。所以該模塊主要制作益智游戲所需要的動(dòng)畫場景、

58、游戲布局和設(shè)置等。</p><p><b>　?。?）說明模塊。</b></p><p>　　由于有些兒童是首次接觸果蔬連連看這種小游戲，因此需要一些幫助文檔，通過幫助文檔來概述一下這個(gè)小游戲的大體概況，并且說明一下游戲的規(guī)則、過關(guān)條件和具體操作細(xì)節(jié)。有了說明模塊可以快速幫你上手，說明模塊是每個(gè)游戲中不可缺少的一部分。</p><p><

59、b>　?。?）開始模塊。</b></p><p>　　游戲的開始界面，突出該游戲名字，模塊上的兩個(gè)按鈕可以選擇。你可以選擇“游戲說明“直接進(jìn)入到游戲說明的幫助文檔界面中或你選擇”開始游戲“則直接進(jìn)入到開始新游戲界面中。</p><p><b>　　（4）退出模塊。</b></p><p>　　開始新游戲后，在游戲的過程中當(dāng)你不

60、想再繼續(xù)玩下去了，你可以直接退出游戲界面，進(jìn)入到開始界面。</p><p><b>　?。?）闖關(guān)模塊。</b></p><p>　　當(dāng)你順利結(jié)束一關(guān)后，出現(xiàn)新的界面恭喜你順利過關(guān)。而你想再繼續(xù)玩，則可點(diǎn)擊繼續(xù)下一關(guān)按鈕，繼續(xù)闖關(guān)。</p><p><b>　　（6）結(jié)束模塊。</b></p><p&g

61、t;　　當(dāng)你闖關(guān)成功，則出現(xiàn)一個(gè)恭喜你迎接勝利的新界面，即游戲結(jié)束界面。</p><p><b>　?。?）音頻模塊。</b></p><p>　　在游戲過程中音樂是必不可少的，在相同果蔬之間連線時(shí)或連線錯(cuò)誤時(shí)音樂是不同的，在不同的場景中添加不同的聲音，聲音的選擇是至關(guān)重要的，聲音能夠影響玩游戲人的心情。</p><p>　　整體框架流程圖如圖

62、3.1所示：</p><p>　　圖3.1 整體框架流程圖</p><p>　　第四章 游戲的制作——果蔬連連看</p><p>　　4.1 游戲初期制作</p><p>　　4.1.1 游戲界面設(shè)計(jì)</p><p>　　【插入】->【新建元件】->【連圖形元件】，選擇“文本工具“在屬性中選擇字體”華文新

63、魏“，字號(hào)”86“，顏色為”紅色“，其”看“、”果“、”疏“這幾個(gè)字同法制作。如圖4.1所示：</p><p><b>　　圖4.1 連字</b></p><p>　　首選將舞臺(tái)背景設(shè)置為595 x450像素，幀頻率設(shè)置為28 fps。接著制作游戲進(jìn)入前界面,先制作“背景圖形”：【插入】->【新建元件】->【圖形元件】，接著,利用Fireworks處理好的

64、”背景圖”: 【文件】->【導(dǎo)入】->【導(dǎo)入到庫】隨后，將”背景圖”拖到”背景圖形元件”中。再將“連字“圖形元件也拖到”背景圖形元件“中如下圖4.2所示：</p><p><b>　　圖4.2背景圖</b></p><p>　　在開始界面中如果點(diǎn)擊“開始游戲”按鈕，則由開始界面進(jìn)入到“開始新游戲”界面中，然后選擇點(diǎn)擊“開始游戲”。如圖4.3所示：</

65、p><p>　　圖4.3 開始新游戲界面</p><p>　　再【插入】->【新建元件】->【結(jié)束影片元件】，制作一個(gè)結(jié)束界面。如圖4.4所示：</p><p><b>　　圖4.4 結(jié)束界面</b></p><p>　　4.1.2 按鈕制作</p><p>　　制作“游戲說明”按鈕圖形，

66、用文本工具輸入“游戲說明”字樣，再【插入】->【新建元件】->【按鈕元件】，再將其放置新建的按鈕中。為了使界面按鈕更加生動(dòng),并且分別在”彈起”和”指針經(jīng)過”、”點(diǎn)擊”設(shè)置不同的顏色。如圖4.5所示：</p><p>　　圖4.5 游戲說明按鈕</p><p>　　再新建“游戲說明”按鈕元件，方法同上類似。如圖4.6所示：</p><p>　　圖4.6 游

67、戲說明按鈕</p><p>　　制作“開始游戲”按鈕圖形，和“游戲說明”按鈕制作過程相同。制作好按鈕后，再將制作好按鈕元件拖拽到舞臺(tái)上，放在合適的位置。如圖4.7所示：</p><p><b>　　圖4.7 主界面</b></p><p>　　4.1.3 影片制作</p><p>　　導(dǎo)入處理好的果蔬圖片，再【插入】-&

68、gt;【新建元件】->【橘子圖形元件】，再【插入】->【新建元件】->【橘子影片元件】，再將其圖形元件放置新建的影片中。如圖4.8所示：</p><p><b>　　圖4.8 橘子影片</b></p><p>　　用鉛筆工具繪制好圓環(huán)，再【插入】->【新建元件】->【轉(zhuǎn)動(dòng)影片元件】，將其圖形元件放置新建的影片中，并且插入關(guān)鍵幀和創(chuàng)建補(bǔ)間動(dòng)

69、畫來實(shí)現(xiàn)轉(zhuǎn)動(dòng)效果。如圖4.9所示：</p><p>　　圖4.9 圓環(huán)轉(zhuǎn)動(dòng)影片</p><p>　　4.2 游戲中期制作</p><p>　　4.2.1 添加腳本</p><p>　　點(diǎn)擊“開始游戲”即可進(jìn)入開始新游戲界面，并給其輸入代碼：</p><p>　　on (release。</p><p

70、><b>　　{</b></p><p>　　gotoAndPlay(3);</p><p><b>　　}</b></p><p>　　“游戲說明”按鈕制作好后，在給他添加如下代碼：</p><p>　　on (release)</p><p><b>　　

71、{</b></p><p>　　_root.Help_web._visible = true;</p><p><b>　　}</b></p><p>　　點(diǎn)擊此按鈕進(jìn)入游戲說明界面，用淡藍(lán)色作為背景色，簡單的文字說明此游戲玩法、規(guī)則等。如圖4.10所示：</p><p>　　圖4.10 游戲說明</p

72、><p>　　在游戲幫助右側(cè)添加了上下滑動(dòng)條，并給其輸入代碼：</p><p>　　on (rollOver)</p><p><b>　　{</b></p><p>　　_global.HelpMouse_PDup = true;</p><p><b>　　}</b><

73、/p><p>　　on (rollOut)</p><p><b>　　{</b></p><p>　　_global.HelpMouse_PDup = false;</p><p><b>　　}</b></p><p>　　on (release)</p>&l

74、t;p><b>　　{</b></p><p>　　if (getProperty("Help_Text", _y) <= 3.452000E+002)</p><p><b>　　{</b></p><p>　　setProperty("Help_Text", _y,

75、getProperty("Help_Text", _y) + 60);</p><p><b>　　} </b></p><p><b>　　}</b></p><p>　　點(diǎn)擊“上滑方向”即可使幫助文檔向上滑動(dòng)。</p><p>　　on (rollOver)</p>

76、;<p><b>　　{</b></p><p>　　_global.HelpMouse_PD = true;</p><p><b>　　}</b></p><p>　　on (rollOut)</p><p><b>　　{</b></p>&l

77、t;p>　　_global.HelpMouse_PD = false;</p><p><b>　　}</b></p><p>　　on (release)</p><p><b>　　{</b></p><p>　　if (getProperty("Help_Text",

78、 _y) >= -4.798000E+002)</p><p><b>　　{</b></p><p>　　setProperty("Help_Text", _y, getProperty("Help_Text", _y) - 60);</p><p><b>　　} </b>

79、</p><p><b>　　}</b></p><p>　　點(diǎn)擊“下滑方向”即可使幫助文檔向下滑動(dòng)。</p><p>　　在說明界面中，用“開始游戲”按鈕方法制作“退出幫助”的按鈕，點(diǎn)擊即可回到開始界面。</p><p>　　游戲說明部分則可以讓兒童明白果蔬連連看游戲的概述、游戲規(guī)則和過關(guān)條件、具體的操作細(xì)節(jié)等?？赐陰?/p>

80、助文檔后，點(diǎn)擊“退出幫助”按鈕，則回到開始界面。為“退出幫助”按鈕添加以下代碼：</p><p>　　on (release)</p><p><b>　　{</b></p><p>　　_global.HelpMouse_PD = false;</p><p>　　_global.HelpMouse_PDup = fa

81、lse;</p><p>　　_root.Help_web._visible = false;</p><p>　　_global.GameStar_PD = GameHelp_PD;</p><p><b>　　}</b></p><p>　　再【插入】->【新建元件】->【影片剪輯元件】，制作一個(gè)顯示聲音

82、的影片，如圖4.11所示：</p><p><b>　　圖4.11 聲音</b></p><p>　　添加動(dòng)作腳本語言，其代碼：</p><p><b>　　stop（）；</b></p><p>　　再【插入】->【新建元件】->【按鈕元件】，同制作“開始按鈕”一樣，再制作一個(gè)繼“續(xù)下

83、一關(guān)按鈕”如圖4.12所示：</p><p>　　圖4.12 繼續(xù)下一關(guān)按鈕</p><p>　　添加動(dòng)作腳本語言，點(diǎn)擊他則可進(jìn)入下一關(guān)，其主要代碼：</p><p>　　on (release)</p><p><b>　　{</b></p><p>　　_global.Finish_GS =

84、1;</p><p>　　_global.FenKuai_Temp = "";</p><p>　　_global.ZenSing_Name = new Array();</p><p>　　_global.ZenSing_ZL = new Array();</p><p>　　_global.FenKuai_Pic =

85、new Array();</p><p>　　_global.FenKuai_ZB = new Array();</p><p>　　_root.ReStar_But._visible = true;</p><p>　　_root.Win_but._visible = false;</p><p><b>　　}</b>

86、;</p><p>　　4.3影片片段操作動(dòng)作</p><p><b>　　stop() </b></p><p>　　停止播放當(dāng)前影片片段。如顯示聲音影片，在影片中添加了代碼stop ()，表示停止當(dāng)前聲音的播放。 </p><p>　　gotoAndPlay([scene,] frame) </p>&

87、lt;p>　　跳至scene場景（省略表示當(dāng)前場景）的frame幀并播放。如退出游戲按鈕中添加的代碼：on (release) {gotoAndPlay(1)，表示如果當(dāng)前你點(diǎn)擊按鈕的話，他會(huì)從當(dāng)前場景狀態(tài)中退出直接跳第一幀并且播放第一幀。</p><p>　　On（rollOver）</p><p>　　鼠標(biāo)滑動(dòng)。如向下滑的箭頭中所添加的代碼：on (rollOver)，根據(jù)設(shè)計(jì)的

88、需要可以設(shè)置向下滑和向上滑動(dòng)。</p><p>　　4.4 Flash果蔬連連看益智游戲的發(fā)布</p><p>　　單擊菜單欄“文件”按鈕，再選擇“發(fā)布設(shè)置”。在出現(xiàn)的“發(fā)布設(shè)置”方框中的“Flash”下，版本選擇“Flash Player 8”，然后在“格式”下取消勾選“Flash(.swf)”和“HTML(.html)”，,并勾選“windows放映文件(.exe)”,再在旁邊選擇發(fā)布

89、目標(biāo)。點(diǎn)擊發(fā)布，等待文件生成，最后再點(diǎn)擊確定。這樣，點(diǎn)擊【發(fā)布】按鈕即可生成可執(zhí)行文件。至此，F(xiàn)lash果蔬連連看小游戲的制作全部完成。如圖4.9所示：</p><p>　　圖4.13 游戲發(fā)布</p><p><b>　　小 結(jié)</b></p><p>　　本設(shè)計(jì)針對(duì)兒童的特點(diǎn)，歸納整理這個(gè)時(shí)期兒童的特性和特點(diǎn)，開發(fā)的益智果蔬連連看小游戲。通

90、過果蔬連連看游戲，可以鍛煉兒童的手、眼想結(jié)合的能力。總之，該設(shè)計(jì)達(dá)到的效果就是：讓兒童在游戲的同時(shí)，增長見識(shí)，鍛煉動(dòng)手、動(dòng)腦能力和解決問題的能力。就我個(gè)人而言，在這短短的一個(gè)月時(shí)間里，利用多媒體軟件Flash制作了一個(gè)簡單實(shí)用的、適合兒童的小游戲。在這過程中使我徹底了解自己對(duì)知識(shí)的匱乏和技術(shù)的缺乏，但也使我了解的游戲制作的整個(gè)流程，能夠?yàn)橐院蟮墓ぷ鞯煜禄A(chǔ)。在游戲制作過程中多虧了老師的幫助，使我完成了預(yù)期的目標(biāo)。但經(jīng)了解利用Flash開

91、發(fā)幼兒童智游戲，鍛煉兒童能力所取得的成效，可以從中發(fā)現(xiàn)該系統(tǒng)的不足，為以求得更好的效果。本設(shè)計(jì)的不足之處在于開始界面設(shè)計(jì)不夠吸引人的注意力，另一方面是游戲?qū)崿F(xiàn)的功能不多。</p><p><b>　　致 謝</b></p><p>　　經(jīng)過一個(gè)來月的忙碌和工作，本次畢業(yè)設(shè)計(jì)已經(jīng)接近尾聲，作為一個(gè)大專生的畢業(yè)設(shè)計(jì)，由于經(jīng)驗(yàn)的匱乏，難免有許多考慮不周全的地方，如果沒有老師

92、的督促指導(dǎo)，以及同學(xué)們的支持，想要完成這個(gè)設(shè)計(jì)是難以想象的。 </p><p>　　在這里首先要感謝我的指導(dǎo)老師xx老師。老師在整個(gè)過程中都給予了我悉心的指導(dǎo)。除了敬佩老師的專業(yè)水平外，他們的治學(xué)嚴(yán)謹(jǐn)和科學(xué)研究的精神也是我永遠(yuǎn)學(xué)習(xí)的榜樣，并將積極影響我今后的學(xué)習(xí)和工作。 </p><p>　　其次要感謝我的幾個(gè)同學(xué)和舍友，她們?cè)诒敬卧O(shè)計(jì)中為我提出了許多建議,也出了她們的一份功.</p

93、><p>　　然后還要感謝大學(xué)三年來所有的老師，為我們打下技術(shù)方面知識(shí)的基礎(chǔ)；同時(shí)還要感謝所有的同學(xué)們，正是因?yàn)橛辛四銈兊闹С趾凸膭?lì)。此次畢業(yè)設(shè)計(jì)才會(huì)順利完成。</p><p>　　最后感謝學(xué)院我的母校——xx三年來對(duì)我的大力培養(yǎng)。</p><p><b>　　參考文獻(xiàn)：</b></p><p>　　[1].李勇.淺談Fla

94、sh動(dòng)畫設(shè)計(jì)制作的基本要求.銅仁職業(yè)技術(shù)學(xué)院學(xué)報(bào),2009 (2):55～56</p><p>　　[2].謝立群，周建國，呂娜.flash 8 中文版動(dòng)畫設(shè)計(jì)與制作. 人民郵電出版社，2004.4</p><p>　　[3].思慧工作室.flash 8 動(dòng)畫特效設(shè)計(jì)經(jīng)典案例. 人民郵電出版社. 2004.7</p><p>　　[4].蔡朝暉.感受精彩：Flash