數(shù)字媒體藝術(shù)專業(yè)畢業(yè)論文設(shè)計-水果忍者網(wǎng)頁游戲論文

本科畢業(yè)論文(設(shè)計)題目：基于HTML5的水果忍者網(wǎng)頁游戲的開發(fā)學(xué)院：軟件技術(shù)學(xué)院專業(yè)：數(shù)字媒體藝術(shù)姓名：指導(dǎo)教師：年月日摘要互聯(lián)網(wǎng)技術(shù)不斷革新，用戶對于應(yīng)用的要求在不斷提高，使得技術(shù)標(biāo)準(zhǔn)也在不斷進(jìn)步。HTML5的產(chǎn)生使得互聯(lián)網(wǎng)有了很大進(jìn)步，在此平臺上，互聯(lián)網(wǎng)更加成熟完善，數(shù)據(jù)傳輸更加平安可靠，用戶操作更加方便。本課題是基于HTML5技術(shù)來制作一個新款網(wǎng)頁版的“水果忍者〞游戲，用戶可以直接從瀏覽器中翻開進(jìn)行切水果游戲。這個網(wǎng)頁游戲采用了HTML5中用于控制聲音、程序接口的最新技術(shù)，如Audio。效勞器采用新型框架Nodejs，使用Javascript語言來進(jìn)行編譯，用到了大量和HTML、CSS相關(guān)的專業(yè)知識。雖然HTML5標(biāo)準(zhǔn)還不是很成熟穩(wěn)定，還不能真正將其普及。但該游戲不僅讓我穩(wěn)固了大學(xué)四年學(xué)到的知識，也加深了我對計算機(jī)編程的進(jìn)一步審深入了解。關(guān)鍵詞：HTML5，網(wǎng)頁游戲，水果忍者ABSTRACTAsthedevelopmentoftheInternettechnologyisincreasingandourrequirementtotheapplicationisrising,thestandardoftechnologymakesprogress.TheproduceofHTML5makesInternetbecomebetter,andinthisplatform,thedataismoresafetoshare.BasingontheenvironmentofWeb,thesubjectistousetheHTML5createaWebeditionof"fruitninja"game.Afteropeningit,weareabletodirectlyplayit.Thegameoperatessomelatesttechnologytocontrolthevoiceandtheprograminterface,suchasCanvasandAudio.ThegameusesNodejstocomplish,andituseJavascripttoprogram.Meanwhile,thesubjectinvolvessomeknowledgeaboutHTMLandCSS.ThoughHTML5stillcan'tbecompletelycommercial,thegamecannotonlymakemeconsolidatetheknowledgeduringthefouryears,butalsodeepenourcomprehensionofcomputerprogramming.Keywords：HTML5，Webgame，fruitninja目錄6212第一章緒論 134481.1課題的目的和意義 1276361.2國內(nèi)外開展現(xiàn)狀 281701.3課題主要的內(nèi)容和功能介紹 3145161.3.1水果忍者游戲介紹 3101161.3.2游戲特點 4271361.3.2與其他水果忍者游戲區(qū)別 41654第二章相關(guān)技術(shù)簡介 649312.1HTML5標(biāo)準(zhǔn)簡述 6236772.2Nodejs簡介 7121252.3Web開發(fā)工具 9293792.4Chrome瀏覽器介紹 1023921第三章總體設(shè)計及程序功能分析 1310153.1需求分析 1333613.2程序總體功能設(shè)計 13107853.2.1程序功能模塊分析 13239623.2.2聲音的控制分析 13184153.2.3效勞器客戶端分析 13200063.3程序流程 14126863.4模塊及對應(yīng)的方法 175147第四章詳細(xì)設(shè)計 19146834.1效勞器端的運行環(huán)境 19187744.2場景控制 2099544.3水果與刀碰撞的原理 22326944.4讀取效勞器端爆炸信息 2348684.5查看得分與最高紀(jì)錄 2526918第五章系統(tǒng)測試 27149215.1測試環(huán)境 273125.2兼容性測試 277832結(jié)束語 2819553致謝 2923542參考文獻(xiàn) 30第一章緒論1.1課題的目的和意義當(dāng)今社會，互聯(lián)網(wǎng)在不斷開展進(jìn)步，隨之人們的生活也不斷變化，由于互聯(lián)網(wǎng)的各種效勞帶來各種方便，人們的生活質(zhì)量不斷提高?；ヂ?lián)網(wǎng)的受重視程度逐漸加大，出現(xiàn)更多的開發(fā)者去創(chuàng)造和改善它，互聯(lián)網(wǎng)革新的速度越來越快。為了適應(yīng)用戶的各種需要，新的模式和新的技術(shù)層出不窮，這對于新的公司也是新的挑戰(zhàn)。在這時機(jī)和挑戰(zhàn)并存的開放環(huán)境中，互聯(lián)網(wǎng)吸引著越來越多的公司去創(chuàng)業(yè)。在計算機(jī)行業(yè)，雖然要求的本錢低，但是技術(shù)壁壘確實非常高。一些陳舊或者較低的技術(shù)自然而然會被大家淘汰，全新的技術(shù)和效勞就會占領(lǐng)互聯(lián)網(wǎng)市場。在這種競爭環(huán)境下，HTML5這種全新的技術(shù)標(biāo)準(zhǔn)產(chǎn)生了，它的高性能對用戶十分有吸引力。同時，HTML5出現(xiàn)的時間并不久，還需要繼續(xù)革新，更加完善，才能吸引更多用戶，在競爭中不斷壯大。在這個互聯(lián)網(wǎng)時代，網(wǎng)頁的各種標(biāo)準(zhǔn)不斷改進(jìn)，其中進(jìn)步最大的就是HTML5，通過這一標(biāo)準(zhǔn)的改變，網(wǎng)頁的格式內(nèi)容都有了革新。不僅如此，各種形式的音頻視頻有了一定的標(biāo)準(zhǔn)格式，使得網(wǎng)頁設(shè)計更加成熟。雖然HTML5是剛剛新起的，有很多方面還不是很成熟，但它干預(yù)突破傳統(tǒng)技術(shù)的缺乏，很多模式在不斷創(chuàng)新，這對于互聯(lián)網(wǎng)來說是里程碑。不知傳統(tǒng)意義上的電腦，和平板也需要進(jìn)一步改進(jìn)網(wǎng)頁標(biāo)準(zhǔn)，改革舊的技術(shù)，創(chuàng)造新的交互式軟件和應(yīng)用。未來人們生活的各方各面可能都會用到互聯(lián)網(wǎng)，所以對網(wǎng)頁技術(shù)的革新實際上就是對時代的變革，而研究HTML5就是研究互聯(lián)網(wǎng)的關(guān)鍵一點。該課題是對TML5這一最新技術(shù)的實踐，性能比照之前的WEB技術(shù)更加富有前瞻性，性能也更加優(yōu)越。在這種互聯(lián)網(wǎng)革新速度如此之快的時代，這種新技術(shù)無疑可以衍生出新的應(yīng)用，帶來更高的商業(yè)價值。在計算機(jī)誕生后不久，各種游戲軟件就相應(yīng)產(chǎn)生，在它不斷吸引用戶的同時，用戶對游戲的要求在不斷提高。游戲從剛開始的單機(jī)型開展到大型網(wǎng)游，現(xiàn)在又向操作方便快捷的小型網(wǎng)頁游戲轉(zhuǎn)變。本課題就是適應(yīng)用戶的這種需求，該水果忍者網(wǎng)頁版游戲，可以在網(wǎng)頁中直接翻開運行，跨瀏覽器兼容，并且可用在任何ASP.NET開發(fā)中。1.2國內(nèi)外開展現(xiàn)狀HTML從產(chǎn)生到現(xiàn)在已有20年左右，已經(jīng)歷了多個年代的開展。最初HTML是在90年代以因特網(wǎng)草案產(chǎn)生的，在短短的幾年里，它經(jīng)歷了2.0版、3.2版以及4.0版和4.01版。漸漸的，HTML的掌控權(quán)到了萬維網(wǎng)的手中。就在群眾都認(rèn)為這時的HTML技術(shù)已沒方法再次突破，就沒有特別重視了。在此同時，標(biāo)記語言XML和XHTML受到群眾的關(guān)注，取代了HTML的重要位置。雖然它沒有處于最受重視的位置，但依然普遍使用，很多的網(wǎng)站依然是基于HTML使用的。為了力挽狂瀾，HTML需要克服已有的優(yōu)點，創(chuàng)造新的功能，展現(xiàn)自己頑強(qiáng)的生命力。為了使Web平臺能夠到達(dá)一個新的高度，一組對此感興趣的人成立了Web超文本應(yīng)用技術(shù)這一工作組，這個技術(shù)工作組發(fā)現(xiàn)了HTML中最為薄弱至關(guān)重要的地方，即開發(fā)新的應(yīng)用功能，這樣WEB2.0誕生了，其導(dǎo)致了Web的時代更迭。一些傳統(tǒng)的靜態(tài)網(wǎng)站在新一輪的競爭匯總被具有更強(qiáng)特性的新的動態(tài)網(wǎng)站擊敗，因為用戶難已拒絕這些新網(wǎng)站的強(qiáng)大功能。全世界的瀏覽器廠家紛紛在全球性的標(biāo)準(zhǔn)尚未出現(xiàn)時，便已經(jīng)紛紛竭盡全力來升級HTML5來支持新的功能。首先進(jìn)入HTML的是W3C在2006年的時候，之后公司在兩年之后公布了一個HTML5的初稿，一年之后，技術(shù)組即停止了工作。HTML5從全世界各大瀏覽器公司獲取的第一手資料幫助了HTML5更好的完善己身的功能，它的改進(jìn)巨大，并且在不斷的完善當(dāng)中?，F(xiàn)在在一些國際大公司以及移動客戶端產(chǎn)品的促進(jìn)下，新的HTML5標(biāo)準(zhǔn)正在逐漸趨向于最終版本，并即將得到非常廣泛的推廣。HTML5將效勞器的開展也推向了一個頂峰，在客戶端取得飛速開展的同時，眾所周知，起初CGI〔即在物理上運行在效勞器上一段程序網(wǎng)關(guān)接口〕提供最初的客戶端使用HTML頁面接口，再到之后的J2EE這種類型標(biāo)準(zhǔn)開發(fā)框架，普及到廣闊企業(yè)的軟件標(biāo)準(zhǔn)，衍生到再之后的Linux這類型的幫助構(gòu)建形成動態(tài)網(wǎng)頁的軟件，它們通過組合，努力增強(qiáng)在一起的兼容性，提高了效率，更加強(qiáng)打Web應(yīng)用程序平臺由此誕生了。一種基于Ruby語言的Web應(yīng)用開發(fā)框架可以繃住用戶開發(fā)，部署新的Web應(yīng)用。在HTML5出現(xiàn)后，誕生的新的效勞器架構(gòu)，使我們的技術(shù)圈發(fā)生了翻天福地的變化。在本課題的研究過程中我們使用了一個最新的架構(gòu)Nodejs，這樣的一個JS運行和愿景，包含了其對GooogleV8殷勤的封裝，這樣JavaScript環(huán)境，在V8引擎的幫助下，速度大大提高，性能也得到了極大改善，由于Nodejs強(qiáng)大的對于一些用例的優(yōu)化功能，即使是在一些非瀏覽器環(huán)境下面也能運行的非常好。Nodejs這種開發(fā)架構(gòu)幫助JS在效勞器端運行的非常便捷，其在非阻塞式的編程中借助的JS的函數(shù)式編程特性幫助編程更加容易。1.3課題主要的內(nèi)容和功能介紹1.3.1水果忍者游戲介紹水果忍者這款游戲自上市以來收到群眾的關(guān)注，一直很受歡送，在游戲軟件中的排名很靠前。本課題設(shè)計的游戲與平時玩的水果忍者很接近，游戲的畫面感計較真實，有很多種水果，如草莓、蘋果、西瓜和桃子，在白色的刀切開水果時果汁會很真實的濺出來，被切開的水果的果肉也很逼真。通過切開水果，玩家能感受到一定的刺激感以及視覺享受。通過鼠標(biāo)的移動，電腦上會有相同方向的白色刀光產(chǎn)生，伴隨著刀子切開水果會產(chǎn)生劃破的聲音，這樣產(chǎn)生的效果更加刺激。雖然這款游戲的規(guī)那么簡單，但是不容易得到高分。本游戲設(shè)計的是經(jīng)典玩法，沒有時間限制，只要不落下水果不到三個并且不切到炸彈就會無窮玩下去。在畫面的右上角會顯示三個深藍(lán)色的叉號，漏掉一個水果就會有一個叉號變紅，當(dāng)?shù)竭_(dá)三個叉號都變紅的時候就提示游戲結(jié)束了。當(dāng)玩家切中了突然出現(xiàn)的炸彈時，游戲就結(jié)束了，畫面上會顯示返回主菜單去。又要保證盡量把水果都切到，又要躲過所有的炸彈，這不是一件容易的事情，既要反映快，又要大膽心細(xì)。玩這款游戲其實可以講究一些技巧，這樣就會得分高一點。一般把鼠標(biāo)的位置放在計分處的下面一點，這里是水果上升的最高點，所以把鼠標(biāo)放在這更能輕易的切開水果。如果水果和炸彈是并在一起一塊出現(xiàn)的，不要輕易去切，因為這樣容易切到炸彈，本著寧愿錯過一個也不能切到炸彈的原那么，要等到它們下落時等分開再去切。對于刀的切割方向，建議橫著去切，因為如果豎著切很容易切到下面突然出現(xiàn)的炸彈，而且橫著切容易多切幾個水果。如果很多水果被一起拋起來的時候，應(yīng)該先去切體積較小的水果，因為體積小的水果更快的往下落而且需要更精準(zhǔn)去切，可能花的時間長一點。還有一個技巧是，最好不要出一個就去忙著切一個，這樣會弄的手忙腳落，而等到水果在一條直線上再切就會更準(zhǔn)確一點。1.3.2游戲特點首先，該游戲最大的特點就是簡單。其他的游戲大局部會有很多關(guān)卡，過了第一關(guān)才能進(jìn)入下一關(guān)，但是該游戲沒有設(shè)置任何關(guān)卡，只需要簡單的滑動鼠標(biāo)去切水果。而且，水果忍者的創(chuàng)意來源很偶然，一位員工看水果刀推銷的電視廣告上，商家為了向觀眾展示自己賣的刀具很鋒利，就把準(zhǔn)備好的香蕉往上一拋，然后用推廣的刀具將這個香蕉從空中切開。這個員工就在公司星期五活動上向大家說出了這個創(chuàng)意，得到大家的認(rèn)可后，僅用了很短的時間，Halfbrick公司就推出了這款風(fēng)行一時的水果忍者游戲。其次，該游戲的細(xì)節(jié)方面很到位。盡管電腦的畫面顯示大小是有限的，而且規(guī)那么簡單，但是該游戲的每一個細(xì)節(jié)做得很到位。在切到水果的時候，果汁濺出來的細(xì)節(jié)很逼真，畫面效果使用戶感到很大快感。對于一個休閑類的游戲好不好玩的定義，通常會是這個游戲能不能很快學(xué)會。如果是一個從來沒有接觸這個游戲的用戶第一次玩，他會很自然的用刀去切水果，并且如果切到炸彈游戲結(jié)束時自然而然就知道下次要躲開炸彈，并不需要看很久的教程。在用戶切水果的時候，不僅可以體會到成功的喜悅，也能釋放內(nèi)心的壓力，更甚，如果用戶很巧妙的躲避了炸彈，或者自己感覺沒碰到炸彈而爆炸了，這樣一驚一喜也是很好的體驗。還有一點，該游戲?qū)τ脩粑軓?qiáng)。有一個案例是，有個商人本來對游戲非常不感興趣，認(rèn)為這些游戲都是小孩才會去玩的，但是當(dāng)他接觸到水果忍者這個游戲的時候，他一下子迷上了，并且在推薦給自己的妻子時，一向?qū)τ螒蚋椭员堑钠拮右餐嫔习a了。這樣一個對用戶吸引力很強(qiáng)的游戲，必須經(jīng)過很好的推廣才能流行起來，這就需要做到很好的營銷。在這款游戲剛剛推出的時候，開發(fā)者的家人和朋友在推薦下都去試玩，這一不錯的游戲即刻就受到他們很好的反映。這樣在公司的大力推廣下，口碑很不錯，漸漸很多人對這款游戲就熟悉了。高質(zhì)量的產(chǎn)品一向能得到很好的效果，所以這款游戲持續(xù)很久在游戲下載排行榜上名列第一。1.3.2與其他水果忍者游戲區(qū)別本款“水果忍者〞網(wǎng)頁版游戲在音效上模仿了原版，所以在玩者剛一進(jìn)入游戲的時候，會有似曾相的感覺。原版的水果忍者游戲有三個不同的模式可選，經(jīng)典模式和本游戲比擬相似，就是畫面中不斷出現(xiàn)各種水果摻雜著炸彈，允許有三次以下水果落下的時機(jī)并且一切到炸彈就會結(jié)束。禪模式會規(guī)定時間，在時長一分半的時間里一直出現(xiàn)水果而沒有炸彈。街機(jī)模式也有時間的限制，是一分鐘，在這一分鐘里，水果和炸彈都會出現(xiàn)，但是和經(jīng)典模式很大不同之處是，如果在這個模式下切到炸彈游戲不會結(jié)束只會扣分，當(dāng)然也有一些其他的加分工程之類的。雖然這款游戲與原版游戲相比，游戲只是完成了最簡單的經(jīng)典模式的切水果功能，并沒有設(shè)置連切獎勵，也沒有其他模式這一選項，加分工程也只是一個水果加一分這么簡單等等。但是本款游戲最大的好處就是可以直接在瀏覽器上翻開，在Chrome瀏覽器下運行很順暢，在IE9下也還運行正常。這種網(wǎng)頁版游戲?qū)τ谕嬲邅碚f，既方便又順暢，玩起來還是有很多樂趣的。這個基于HTML5的網(wǎng)頁游戲一定會不斷進(jìn)步，在未來既可以實現(xiàn)網(wǎng)頁直接翻開的簡單快捷，又能包羅原水果忍者游戲的模式變化和功能齊全。相關(guān)技術(shù)簡介本課題用到的中心技術(shù)就是HTML5，這是目前來說最具先進(jìn)性的客戶端，之前只是一個網(wǎng)管接口，通過不斷改進(jìn)，兼容度不斷提高，成為一個功能完善的平臺。另外一項較先進(jìn)的技術(shù)就是Nodejs，它作為Javascript編程語言的中一個特殊平臺，能夠在很多時間內(nèi)構(gòu)建網(wǎng)絡(luò)應(yīng)用。實際上，它對GoogleV8瀏覽器進(jìn)行了封裝，所以在Chrome瀏覽器下，運行Javascript的時間比擬短，運行很流暢。2.1HTML5標(biāo)準(zhǔn)簡述HTML5包含了HTML、CSS和JavaScript，它是一種技術(shù)綜合，是目前網(wǎng)頁的最新版本。在表現(xiàn)性能上，它比以往的技術(shù)更加高，在繼承以往功能的同時又增加了連接本地數(shù)據(jù)庫和其他新應(yīng)用的功能。其本身還在開發(fā)和充實之中，并不是很完善。它現(xiàn)在漸漸實現(xiàn)了并朝著這樣一個方向前進(jìn)，就是使一些復(fù)雜的技術(shù)體系可以變得簡單便捷。例如，很多例如技術(shù)體系，對AdobeFlash的一個必要條件，及OracleJavaFX運行，就是必須以插件形式插在瀏覽器。但是，HTML5不需要這么繁瑣，它提供的一些網(wǎng)絡(luò)標(biāo)準(zhǔn)集，便可以滿足用戶這方面的需求。除了HTML原有的標(biāo)記外，HTML5還創(chuàng)造了一些新的標(biāo)記元素，如<canvas>和<video>。通過增加矢量圖形這種新型功能，集成了SVG。通過這些創(chuàng)新，當(dāng)處理網(wǎng)頁中的視頻、音頻或者圖形時會更加方便。還有一些標(biāo)記的引入使得數(shù)據(jù)信息更加充實豐富，在加載數(shù)據(jù)時畫面更加真實，當(dāng)然還有其他屬性也起到了相同的效果。在增加這么多新屬性新元素的同時，對以前的一些不適宜的元素進(jìn)行修改和淘汰，也是一項必不可少的工作。對于這些標(biāo)簽的重新改進(jìn)之后，HTML5更是精華版的技術(shù)組合了?，F(xiàn)在，HTML5的核心局部包括API以及文檔對象模型DOM。不僅如此，它還對非法文檔帶有一定的糾錯功能。例如在客戶端程序中出現(xiàn)語法錯誤時，它會對其進(jìn)行提示，以便于處理。HTML5改進(jìn)了很多原有的元素，使之產(chǎn)生新的功能和用法，適應(yīng)現(xiàn)代網(wǎng)站的特點。這些新提供的標(biāo)簽有些類似于原有的一些，但在速度或者功能上略有不同。下面介紹幾個典型的標(biāo)記。<nav>〔網(wǎng)站導(dǎo)航塊〕類似于<div>標(biāo)簽，但它增加了索引整理優(yōu)點，并且為視障人士提供便利，增加了小屏幕設(shè)備。<video>標(biāo)記，在瀏覽器中展現(xiàn)出了新的用處，可以作為一個函數(shù)準(zhǔn)那么發(fā)揮作用。<font>是HTML4的標(biāo)記，具有修改樣式屬性，純粹用來顯示，沒有其他效果?，F(xiàn)在已被取消，取而代之的是CSS，還有的被DOM網(wǎng)絡(luò)行為取代。HTML5的語法不再是基于SGML，仍然是標(biāo)準(zhǔn)通用標(biāo)記語言，但在標(biāo)記上或是一定程度的相似性的存在性上，它的設(shè)計往往是與舊版本的HTML兼容的。在文檔的最開始位置，會有一個開始行，它接近于SGML的文檔類型聲明，顯示在<html>標(biāo)簽之前。通過或這個標(biāo)簽，我們便可以知道該瀏覽器文件到底是用的是什么標(biāo)準(zhǔn)，它會對渲染模式起到一定的觸發(fā)作用。同時，在以往存在的DOM接口之外，HTML5提供了API，這些應(yīng)用程序接口的形式各有不同，功能上也是多種多樣的：實時二維繪圖。CanvasAPI：這種API可以對圖形圖像以及動畫等形式的內(nèi)容，進(jìn)行動態(tài)產(chǎn)生和渲染。對HTML5中的數(shù)據(jù)信息進(jìn)行按時播放。在HTML5新引入的對象中，有的增加了處理視頻以及音頻的腳本式API，利用這些元素，不需要在瀏覽器中安裝任何插件，通用性和集成性很高。通信網(wǎng)絡(luò)APIs：創(chuàng)立交叉源和實時通信的兩個主要局部，包含跨文檔通信與XMLRequest。地理定位API：在Web應(yīng)用程序的幫助下用戶能夠知道相互的地理位置，并能享受感知作用。WebSQL數(shù)據(jù)庫，這是一個本地的SQL數(shù)據(jù)庫。WebSocket，它以瀏覽器的socket網(wǎng)絡(luò)協(xié)議為根底，可以完成實時性的數(shù)據(jù)傳輸，并且支持當(dāng)今所有的互聯(lián)網(wǎng)通訊。2.2Nodejs簡介Nodejs能夠在很多時間內(nèi)構(gòu)建網(wǎng)絡(luò)應(yīng)用，實際上，它對GoogleV8瀏覽器進(jìn)行了封裝，所以在Chrome瀏覽器下，運行Javascript的時間比擬短，運行很流暢。Nodejs創(chuàng)立了具有新功能的API，改進(jìn)了一些具有特殊用義的例子，所以在不是瀏覽器的環(huán)境下，它的執(zhí)行情況也很好，Nodejs對于Javascript這方面中的一些缺乏進(jìn)行了改善。例如，處理二進(jìn)制數(shù)據(jù)對于效勞器來說是很重要的，但Javascript對其有用的元素不是很多，所以Nodejs提供了Buffer類，該類可以高效率的在效勞器環(huán)境中處理二進(jìn)制數(shù)據(jù)。不僅僅是在效勞器環(huán)境中，在各種環(huán)境下它都做了相應(yīng)的優(yōu)化措施。V8引擎使用的編譯技術(shù)是最新的，Javascript這種用高級語言來編寫的代碼，與C語言這類低級語言相比，除了可以節(jié)省開發(fā)本錢之外，其性能是差不多的。Nodejs對于性能的要求是比擬嚴(yán)格的，對于Javascript來說，它也是提高了要求，使之編寫擴(kuò)展性能更加高的效勞瀏覽器。雖然還有很多別的平臺能夠使用Javascript來運行，但對于Node來說，這個功能更加具有優(yōu)勢，它比其他平臺功能更豐富。當(dāng)考慮選擇用哪種編程方法的時候，會優(yōu)先考慮到瀏覽器這一方面，因為有的編程不適用于瀏覽器的功能。網(wǎng)絡(luò)越來越復(fù)雜，瀏覽器的代碼也隨之變得復(fù)雜多樣化，Node就很適應(yīng)這種形勢，所以會變得越來越深入人心，成為開發(fā)者所深知的平臺。Nodejs的運行架構(gòu)如圖2-1：圖2-1Nodejs的結(jié)構(gòu)圖在這一過程中，Nodejs采用了“事件循環(huán)〞這一架構(gòu)，在編寫效勞瀏覽器時，編寫過程更加方便。在提高效勞器性能的同時，又能減少開發(fā)本錢，使得開發(fā)過程復(fù)雜度降低，是多種技巧之中的佼佼者。這種特性對于開發(fā)者來說是非常珍貴的，它既繞過復(fù)雜的并發(fā)編程，有提供了很好的性能。以下列圖2-2是Nodejs在處理數(shù)據(jù)時帶來性能提升的具體展示：圖2-2Nodejs在處理數(shù)據(jù)時性能提升的具體過程為了支持事件循環(huán)，Nodejs添加了很多“非阻塞〞庫，這些庫實際上為文件和數(shù)據(jù)庫提供接口。如果你向主文件發(fā)出請求時，不需要等到硬盤找到請求的地址或者對文件進(jìn)行檢測，當(dāng)硬盤能夠?qū)λ龀鲰憫?yīng)時就會將消息發(fā)給Nodejs。這種模型能夠使得在訪問資源信息的時候更加方便，看上去也一目了然。還有一些常用的DOM事件，例如onclick，是大家特別熟悉的。雖然還有很多別的平臺能夠支持Javascript的執(zhí)行，但對于Node來說，這個功能更加具有優(yōu)勢，它比其他平臺功能更豐富。當(dāng)考慮選擇用哪種編程方法的時候，會優(yōu)先考慮到瀏覽器這一方面，因為有的編程不適用于瀏覽器的功能。網(wǎng)絡(luò)越來越復(fù)雜，瀏覽器的代碼也隨之變得復(fù)雜多樣化，Node就很適應(yīng)這種形勢，所以會變得越來越深入人心，成為開發(fā)者所深知的平臺。2.3Web開發(fā)工具在開發(fā)網(wǎng)頁時，因為編寫的程序做出來的畫面，需要翻開瀏覽器之后才能知道，所以真正的調(diào)試工作是在瀏覽器上進(jìn)行的，Web的開發(fā)工具實際上就是編碼過程中的編輯器。網(wǎng)頁開發(fā)工具根本上分成兩大類，第一種是通過編輯器來進(jìn)行編碼，第二種是由Eclipse進(jìn)行開發(fā)。首先介紹用編輯器來編碼的這一種，以Editplus作為例子來看。在Editplus中，代碼可以大量顯示出來，這樣有利于提高編程者的效率。Editplus既可以像記事本一樣能夠很快的翻開，又要比記事本功能強(qiáng)大的多，用起來可以節(jié)省很多時間。在編程過程中會經(jīng)常出現(xiàn)錯誤，Editplus可以無限制的撤銷，這樣就可以復(fù)原到以前的狀態(tài)。而且，不同類型的代碼顏色不一樣，方便檢查。Editplus不僅僅支持Java，還支持各種C語言。另外一種就是用Eclipse進(jìn)行開發(fā)的，它是一種大型的開發(fā)軟件。剛開始的時候主要用來編寫Java，現(xiàn)在的用途比擬廣泛，既可作為開源工具，又能以插件的形式來進(jìn)行開發(fā)。Eclipse用起來不僅靈活，更突出的是可以擴(kuò)展成其他形式，在很多后期開發(fā)中應(yīng)用廣泛。它的缺點就是翻開的速度不快，通常要等幾分鐘，而且占用的內(nèi)存比擬多，可能會使電腦有點卡。Aptana對Eclipse有很大的支持，它的存在使得代碼的編寫過程更加方便，同時使運行過程更穩(wěn)定。像其他編譯器一樣，Eclipse也支持多種語言，如Web語言和Javascript。隨著軟件功能的改進(jìn)，Aptana也在不斷吸收外界的優(yōu)勢，完善功能，取得更多支持的環(huán)境。對于軟件工程師來說，它就是開發(fā)的好幫手，對于開發(fā)工作做出很大的奉獻(xiàn)。2.4Chrome瀏覽器介紹互聯(lián)網(wǎng)的進(jìn)步推動著瀏覽器的改進(jìn)，以前的瀏覽器在大家心中的印象就是一個簡單的能上網(wǎng)查資料的網(wǎng)頁，功能也不齊全，而現(xiàn)今在競爭的壓力下，瀏覽器不斷升級，與之前大不相同?，F(xiàn)在可以選擇的瀏覽器的種類很多，各大公司相繼推出自己品牌的瀏覽器，這些瀏覽器的共同之處在于都是用開源內(nèi)核來建立的。雖然瀏覽器的種類眾多，但是很容易對市場上的瀏覽器做出分類，根本上可以分為IE瀏覽器和非IE瀏覽器。IE瀏覽器是用泰鼎的頁面渲染引擎設(shè)計的，但是微軟公司出于想取得更大利潤的目的，沒有致力于將Web的標(biāo)準(zhǔn)擴(kuò)大，在進(jìn)行瀏覽器的開發(fā)時，IE瀏覽器的很多項功能沒方法在非IE瀏覽器下使用。這種行為是對信息資源的極大浪費，開發(fā)的工程應(yīng)該能夠資源共享。不過，HTML5應(yīng)該會解決這個問題，而且時代開展也讓微軟公司需要做到資源共享，讓這個時代成為互聯(lián)網(wǎng)的時代。為了適應(yīng)群眾的需求，一些公司推出了其他瀏覽器，這些瀏覽器根本上是基于IE瀏覽器開發(fā)的，但是比IE要更適應(yīng)用戶的需求，它們改變了原有的缺點，使得推廣度更廣?，F(xiàn)在大家常用的瀏覽器有360瀏覽器和搜狗瀏覽器，這些瀏覽器不僅可以實現(xiàn)所有IE的功能，又對性能做出改進(jìn)，更能受到群眾的歡送。除了上述介紹的瀏覽器之外，火狐瀏覽器現(xiàn)在也很流行，這個瀏覽器是開源網(wǎng)站，是由一些志愿者自愿組成工作組開發(fā)的。因為微軟公司開發(fā)的IE瀏覽器有些功能具有獨立性，在業(yè)界的位置過于壟斷，所以這些志愿者想開發(fā)一個瀏覽器與之競爭?；鸷蚤_發(fā)出來就收到很多人的支持，又受到基金會的資金支持，所以它的開展很迅速，也很順利。但是這么強(qiáng)大的瀏覽器也是存在一定優(yōu)點的，由于為了支持這個瀏覽器需要安裝很多插件，速度就會減慢，很多用戶也是由于這一點慢慢放棄了這一瀏覽器。如圖1-3是firefox瀏覽器的結(jié)構(gòu)圖，從圖中可以輕易看出，一個瀏覽器的組成結(jié)構(gòu)很復(fù)雜也很龐大，雖然這樣會使得它的功能更加巨大，但正是這一點使得翻開的速度變慢。圖2-3Firefox瀏覽器結(jié)構(gòu)圖WebKit在業(yè)界以速度快聞名的，并且它的標(biāo)準(zhǔn)被群眾接受，所以大多數(shù)開發(fā)者和工程師會用它?；谒臑g覽器，主要是以谷歌公司的Chrome以及Apple的Safari瀏覽器為代表。WebKit的內(nèi)置結(jié)構(gòu)，比擬適合開發(fā)者進(jìn)行編碼和最終網(wǎng)頁的編譯，這種開發(fā)工具收到業(yè)內(nèi)人士的認(rèn)可。特別是大家發(fā)現(xiàn)IE瀏覽器存在的問題之后，不僅單核構(gòu)建，更嘗試去開發(fā)雙核瀏覽器。以谷歌公司的Chrome瀏覽器為例，這一基于Webkit構(gòu)造的瀏覽器對于HTML5的開展也起到了很大的作用。谷歌的開發(fā)者在成功解析Javascript之后，運用V8使得Chrome瀏覽器翻開時速度提升。由于Chrome瀏覽器的渲染效果比其他瀏覽器好一些，翻開速度也提升了，越來越多的用戶就開始使用這一瀏覽器了。在軟件市場內(nèi)，隨處都能見到Chrome軟件，購置極其方便，這無疑更促進(jìn)了Chrome的開展。國內(nèi)市場于國外在這方面有些不同，因為國內(nèi)的軟件市場比擬特殊，一些在國內(nèi)開發(fā)的軟件沒方法在這一瀏覽器上運行，這給Chrome帶來一定困難。下面是Chrome瀏覽器的結(jié)構(gòu)圖，相比其他功能強(qiáng)大的瀏覽器，它的結(jié)構(gòu)還是比擬簡單的，而且整體性能結(jié)合的比擬合理，使得它的吸引度依然很高，用戶的評價都很不錯。圖2-4Chrome瀏覽器架構(gòu)圖總體設(shè)計及程序功能分析需求分析在這款水果忍者的休閑游戲中，用戶可以說飾演了一個非常反感水果的人物角色。當(dāng)游戲開始后，畫面里出現(xiàn)各種各樣的水果，玩家可以通過操縱鼠標(biāo)來作為刀子劃破這些水果，如西瓜、桃子、草莓和香蕉。在進(jìn)行游戲的同時，玩著可以查看左上方的分?jǐn)?shù)，每劃破一個水果加一分，到游戲結(jié)束的時候就可以看到自己的最終得分了。在畫面的右上角會顯示三個深藍(lán)色的叉號，漏掉一個水果就會有一個叉號變紅，當(dāng)?shù)竭_(dá)三個叉號都變紅的時候就提示游戲結(jié)束了。不僅這樣，只要你不小心劃到任何一個炸彈，游戲都會結(jié)束，會回到主菜單。又要保證盡量把水果都切到，又要躲過所有的炸彈。3.2程序總體功能設(shè)計3.2.1程序功能模塊分析該游戲可以分成兩大局部：(1)效勞器端：主要完成數(shù)據(jù)的收集和分發(fā)(2)客戶端：主要對用戶操作做出響應(yīng)，繪制游戲場景、游戲的具體實現(xiàn)以及接受數(shù)據(jù)等。3.2.2聲音的控制分析根據(jù)游戲的需要播放聲音以及停止聲音，并且局部聲音玩家在用鼠標(biāo)切水果、炸彈爆炸、游戲結(jié)束時播放，游戲可以比擬自如的播放出聲音，并且聲音較為流暢，增加畫面的真實感。3.2.3效勞器客戶端分析玩家通過瀏覽器直接翻開游戲進(jìn)行切水果，并且能夠記錄現(xiàn)在的得分以及查看以往的最高得分。為了實現(xiàn)這種功能，就要合理利用現(xiàn)存在的計算機(jī)架構(gòu)，對其進(jìn)行分析理解。目前為止，常用的架構(gòu)主要有對等架構(gòu)和客戶端-效勞器架構(gòu)。下面詳細(xì)介紹一下這兩種架構(gòu)?！?〕對等架構(gòu)。這種架構(gòu)下，數(shù)據(jù)的傳送只需要客戶端就能實現(xiàn)，沒有用到效勞器。在架構(gòu)剛剛建成時，可以與效勞器建立一定的聯(lián)系，使得客戶端可以通過效勞器知道相互的信息，然后就不會用到效勞器了。這種架構(gòu)具體有兩種形式表現(xiàn)：①一種是完整連接拓?fù)浼軜?gòu)。這種情況下，每兩個客戶端都有連接，每一個客戶端都可以直接與任何一個別的的客戶端進(jìn)行數(shù)據(jù)傳送。②另一種是環(huán)狀拓?fù)浼軜?gòu)。這種結(jié)構(gòu)中所有的客戶端都只和相鄰的客戶端相連，當(dāng)客戶端傳送信息時，只能通過一個以上的客戶端進(jìn)行傳送，信息不能直接到達(dá)。對等架構(gòu)的優(yōu)點很明顯，就是延時很小。另外一種模型的信息傳送比擬費時，需要用到效勞器端做中介來傳送信息，相對來說比擬復(fù)雜。而對等架構(gòu)不需要效勞器端，客戶端之間可以直接傳送需要的信息，這樣就會省很多時間，效率也更高。而且，對等架構(gòu)不用效勞器對于開發(fā)者也是有利的，這樣開發(fā)游戲的時候就不用考慮效勞器這一方面，省了很多這方面的管理費用，而且也不用再費心去維持運行游戲中央效勞器了。〔2〕客戶端-效勞器架構(gòu)。這種架構(gòu)需要用到效勞器端，需要進(jìn)行數(shù)據(jù)交流時，客戶端可以先把數(shù)據(jù)傳送到效勞器上，需要的時候就可以從效勞器端再傳過來。效勞器在運行時可以建立監(jiān)聽連接，當(dāng)有客戶端需要連接時，效勞器會進(jìn)行連接管理，并規(guī)劃好怎樣最合理的進(jìn)行之后的信息傳送。效勞器會有一個對應(yīng)的主機(jī)名稱，也叫做IP地址，在一個或者多個端口進(jìn)行效勞。當(dāng)效勞器和客戶端已經(jīng)連接后，效勞器就能在很長一段時間下與客戶端維系這種交流的關(guān)系。這個接口是開放的，通過這一接口，不僅客戶端可以將數(shù)據(jù)傳遞給效勞器，效勞器也可以講信息反響給客戶端，實現(xiàn)雙方數(shù)據(jù)的交流。3.3程序流程根據(jù)各自功能的不同，本程序可以分為以下三局部獨立的流程：客戶端界面控制流程。首先設(shè)置定時器，當(dāng)觸發(fā)時重新繪制當(dāng)前的界面。在首次創(chuàng)立時，要檢測是否已經(jīng)成功連接到了效勞器，才能獲取到信息去顯示整個畫面，之后會發(fā)送數(shù)據(jù)到效勞器端。如圖3-1所示，就是客戶端界面控制流程圖。開始開始定時器觸發(fā)定時器觸發(fā)否是否成功連接到效勞器否是否成功連接到效勞器是是獲取圖像數(shù)據(jù)獲取圖像數(shù)據(jù)繪制圖像繪制圖像獲取水果數(shù)據(jù)獲取水果數(shù)據(jù)繪制水果信息繪制水果信息生成當(dāng)前切水果的實例，并發(fā)送數(shù)據(jù)到效勞器端生成當(dāng)前切水果的實例，并發(fā)送數(shù)據(jù)到效勞器端結(jié)束結(jié)束圖3-1客戶端翻開后連接效勞器生成圖像流程圖效勞器端流程。當(dāng)效勞器接收到客戶端傳來的數(shù)據(jù)時，如果數(shù)據(jù)發(fā)生了改變，這將作為事件的觸發(fā)句柄，效勞器會對這些數(shù)據(jù)做出相應(yīng)的反響，在處理完信息之后會將數(shù)據(jù)發(fā)送給客戶端。效勞器端流程如圖3-2所示。圖3-2效勞器端具體過程客戶端數(shù)據(jù)發(fā)送流程。每次當(dāng)水果位置位置發(fā)生變化或背景發(fā)生變化，那么會重新觸發(fā)方法，向效勞器發(fā)送新的數(shù)據(jù)。如圖3-3所示，為客戶端數(shù)據(jù)發(fā)送流程。開始開始是否水果的位置或者背景信息發(fā)生了變化是否水果的位置或者背景信息發(fā)生了變化是是發(fā)送水果位置給效勞器端否發(fā)送水果位置給效勞器端否是否切開炸彈是否切開炸彈否否是是發(fā)送信息給效勞器端，繼續(xù)游戲發(fā)送信息給效勞器端，繼續(xù)游戲結(jié)束結(jié)束圖3-3客戶端數(shù)據(jù)發(fā)送流程3.4模塊及對應(yīng)的方法該游戲主要有游戲主菜單的繪制、算法的實現(xiàn)、數(shù)據(jù)的載入等功能。分為根底類模塊ClassLayer、游戲主函數(shù)模塊ClassGame、場景模塊ClassScene、水果模塊ClassFruit和聲音控制模塊ClassSound。①ClassLayer模塊中有createImage()方法可以加載讀取圖片，createText()方法可以傳送文字信息。圖3-4ClassLayer模塊方法圖②ClassGame模塊是該游戲中最重要的類，其中有主入口函數(shù)init()、當(dāng)效勞器器翻開方法onopen()、接收數(shù)據(jù)方法onmessage()、鼠標(biāo)事件控制方法installClicker()、游戲開始方法start()、加分函數(shù)applyScore()、游戲結(jié)束函數(shù)gameOver()和游戲總的時間觸發(fā)器remove()。圖3-5ClassGame模塊方法圖③ClassScene模塊負(fù)責(zé)游戲的場景其中有選擇場景方法switchSence()、顯示菜單方法showMenu()、返回主頁方法hideMenu()、重新游戲方法showNewGame()。圖3-6ClassScene模塊方法圖④ClassFruit模塊負(fù)責(zé)對游戲中的水果進(jìn)行控制，主要有分開函數(shù)apart()、拋出函數(shù)shotOut()、掉落函數(shù)fallOff()、移動函數(shù)remove()。圖3-7ClassFruit模塊方法圖⑤ClassSound方法是聲音控制類，有根本控制聲音的方法，播放聲音play()和暫停播放stop()等方法。圖3-8ClassSound模塊方法圖第四章詳細(xì)設(shè)計4.1效勞器端的運行環(huán)境該游戲是在window7操作系統(tǒng)下的效勞器端實現(xiàn)的，游戲的正常運行需要保證數(shù)據(jù)的實時性，所以在處理數(shù)據(jù)時要考慮到下面的幾點：①背景數(shù)據(jù)。效勞器端要保證早就收到背景信息，在用戶翻開網(wǎng)頁時，不管是在哪臺機(jī)器上數(shù)據(jù)都是一樣的。②水果數(shù)據(jù)。當(dāng)客戶端從效勞器端讀取到各種水果的信息時，會通過一系列的解析之后把信息寫到數(shù)組中，之后從這個數(shù)組中讀取水果的信息，然后根據(jù)這些數(shù)據(jù)進(jìn)行相應(yīng)的操作。③炸彈信息。在切開炸彈時，發(fā)生爆炸，信息要實時傳輸。這些信息的變化都是因為在運行時有事件觸發(fā)，這種形式的交流實時性比擬強(qiáng)，并且交流的次數(shù)較少，不僅縮短時間又能提高效率。以下代碼就是對效勞器端主題功能的簡單實現(xiàn)過程： 4.2場景控制在本游戲中用到的腳本是被用來專門進(jìn)行場景切換的，它通過一個接口可以讓用戶選擇場景后實現(xiàn)場景的切換，switchSence的接口下設(shè)置有“主菜單〞、“游戲界面〞〞以及“退出游戲〞等場景。對于解決游戲場景的圖層問題就要用到layer.js，管理圖層是比擬復(fù)雜的，其中兩個關(guān)于圖層的接口toFront和toBack是核心，通過這兩個接口可以簡單實現(xiàn)圖層管理。但是想要精準(zhǔn)定位場景里元素的是那個圖層里的就不行了，所以就要用到圖層mapping，在這個圖層里紀(jì)錄著每一個圖層的位置元素z，每個元素在哪個圖層中都詳細(xì)記載著，搜索起來既方便又快捷。背景信息以及水果的各種信息都被存儲在效勞器的數(shù)據(jù)組里，這些數(shù)據(jù)以二維數(shù)據(jù)方式存放著，并以二維圖的形式表現(xiàn)出來?？蛻舳藦男谄髂墙邮盏叫畔⒅?，通過進(jìn)一步處理，將數(shù)據(jù)對應(yīng)的畫面呈現(xiàn)出來。繪制出的菜單效果如圖4-1，游戲開始后的畫面如圖4-2：圖4-1水果忍者的菜單圖像圖4-2水果忍者的游戲畫面以下代碼實現(xiàn)了場景根本繪制的功能：4.3水果與刀碰撞的原理當(dāng)水果的信息傳送到效勞器時，這一事件會觸發(fā)效勞器讀取信息的方法，這個方法會改變傳送來的水果的值的信息。在下一次繪制場景的時候，這些新的數(shù)據(jù)就會被用來重新使用。collide模塊是游戲的碰撞檢測模塊，它通過計算線段和橢圓的位置關(guān)系來進(jìn)行碰撞判斷，在游戲中刀子劃過的痕跡就是線段，而水果的整個圖像看作是橢圓的圖像。以下代碼實現(xiàn)了碰撞的根本功能： 4.4讀取效勞器端爆炸信息在游戲過程中，不時在水果中會摻雜出現(xiàn)炸彈，出現(xiàn)的位置和時間都是隨機(jī)的，使用戶出其不意，一旦切到炸彈就會發(fā)生爆炸。所以用戶在游戲過程中，要在切破所有水果的同時預(yù)防炸彈被切到爆炸。當(dāng)炸彈的信息傳送到效勞器時，這一事件會觸發(fā)效勞器讀取信息的方法，這個方法會改變傳送來的炸彈的值的信息。在下一次繪制場景的時候，這些新的炸彈數(shù)據(jù)就會被用來重新使用。當(dāng)判斷出下一步是鼠標(biāo)劃破炸彈時，就會發(fā)生爆炸，并發(fā)送到效勞器器端，效勞器那么會分發(fā)給客戶端。這樣游戲就結(jié)束了，開始回到最初的界面。爆炸出的效果如圖4-3。圖4-3炸彈爆炸時的圖像以下代碼實現(xiàn)了爆炸的根本功能：4.5查看得分與最高紀(jì)錄該游戲使用的是commonJS的標(biāo)準(zhǔn)來管理這些模塊，不同的模塊之間是相互聯(lián)系的，在這些模塊中，message是解藕的，它是作為消息管理模塊被使用，在這個模塊中有postMessage發(fā)送數(shù)據(jù)接口和addEventListener接收數(shù)據(jù)接口。除此之外，state也起到相似作用，它作為狀態(tài)管理模塊，提供的接口用來對狀態(tài)進(jìn)行讀寫。以下代碼實現(xiàn)了查看得分的根本功能： 系統(tǒng)測試5.1測試環(huán)境本系統(tǒng)在如圖5-1的環(huán)境下進(jìn)行測試：圖5-1環(huán)境測試圖5.2兼容性測試當(dāng)前的主要幾種瀏覽器兼容性測試，分別針對瀏覽器的功能以及顯示樣式兩方面進(jìn)行測試，測試結(jié)果如圖5-2所示：圖5-2兼容性測試圖結(jié)束語該課題是對HTML5這一最技術(shù)的實踐，如今互聯(lián)網(wǎng)改革的速度這么快，這一新技術(shù)無疑能滿足用戶的新要求，衍生出新的應(yīng)用，帶來更高的商業(yè)價值。本課題就是適應(yīng)用戶的這種需求，該水果忍者網(wǎng)頁版游戲，可以在網(wǎng)頁中直接翻開運行，跨瀏覽器兼容，與其他的技術(shù)相比，是占據(jù)很大優(yōu)勢的。在看到HTML5的巨大優(yōu)勢之后，現(xiàn)在各大瀏覽器都很重視這方面的研究，不僅僅在電腦上各大瀏覽器的努力，各種平板以及瀏覽器也在變革?，F(xiàn)在互聯(lián)網(wǎng)的架構(gòu)在不斷改進(jìn)，這就需要新的技術(shù)來支持。這將意味著一個新的時代到來了，互聯(lián)網(wǎng)將會比以往任何時候更普及，更能為大家?guī)肀憷?。雖然現(xiàn)在HTML5的強(qiáng)大功能還沒有完全展示出來，但可以肯定的是，在未來會得到充分表達(dá)，各種設(shè)備的技術(shù)都會用到。未來的會聯(lián)網(wǎng)將是全方位的，尤其是在那些開展比擬快的行業(yè)中。未來的互聯(lián)網(wǎng)不僅僅屬于一小局部人，它會出現(xiàn)在各種人群中，是屬于所有人的。在研究課題的時候也遇到了一些問題，比方資料不充分或者是技術(shù)上修改的問題，這些問題成為不小的障礙。但是現(xiàn)在互聯(lián)網(wǎng)具有很大的作用，很多有著相同興趣的朋友可以交流經(jīng)驗，所以通過網(wǎng)絡(luò)我的很多問題得以解決了。通過與他們的交流，我不僅解決了該課題的問題，也對其他方面的知識有了一些了解。從這方面看來，互聯(lián)網(wǎng)的開展不僅使大家的生活更加豐富多彩，更是只是交流的平臺，為各方面更好的開展提供了很好的條件。游戲不僅可以緩解人們的壓力，也可以為用戶帶來快樂。對于游戲編程員來說，可以編寫一個為用戶帶來快樂的游戲，是一件非常有成就感的事情。通過本課題的研究，不僅讓我學(xué)習(xí)了最新技術(shù)的開展，更是對我自己的一種歷練。致謝在這次的課題中，老師對我的幫助很大，沒有她的指導(dǎo)這次的畢業(yè)論文我也不會這么順利就能完成。從開始選題目，到完成過程中遇到