【正文】 戲?qū)崿F(xiàn)了一人，多人的操作，可以一個人玩，也可以兩個人玩。hyper text markup language。 這樣，就需要開發(fā)者相應地根據(jù)用戶做出改變，不斷地去創(chuàng)作和完善它的速度，無論是從技術(shù)層面還是商業(yè)層面，不斷出現(xiàn)創(chuàng)新，整個行業(yè)中新的團隊，公司新陳代謝不斷加速。 新一代的 html5 具有 : (1)語義特性（賦予了網(wǎng)頁更好的意義和結(jié)構(gòu)，具有更好的標簽） 。 網(wǎng)頁多媒體特性（支持網(wǎng)頁端的 audio， video 等多媒體功能，與網(wǎng)站自帶的 apps，攝像頭，影音功能相得益彰） 。 每次變革都意味著挑戰(zhàn)與機遇，這次 html5 的更新也不例外，所以利用 html5 這種技術(shù)來做一些應用，來創(chuàng)造更多的服務于人們?nèi)粘Ｉ畹膽酶且淮螜C遇，也許能改變這個世界。之后隨著計算機成本降低以及其性能提高，計算機開始真正走入人們的視野中， 1971 年，譽為 “電子游戲之父 ”的諾蘭 .布什內(nèi)爾發(fā)明了 第一臺商業(yè)化電子游戲機。 國內(nèi)外發(fā)展現(xiàn)狀 html5 前身是 html。 1999年 12月發(fā)布的 。 HTML5 的前身名為 Web Applications ，于 2020 年被WHATWG 提出，于 2020 年被 W3C 接納，并成立了新的 HTML 工作團隊。 2020 年萬維網(wǎng)聯(lián)盟（ W3C）正式宣布凝聚了大量網(wǎng)絡(luò)工作者心血的 html5 規(guī)范已經(jīng)正式定稿，此時 W3C 聲稱 html5 是開放的 web 網(wǎng)絡(luò)平臺的奠基石。隨后手機應用出現(xiàn)，但運行緩慢并漏洞百出，優(yōu)化的過程可以在網(wǎng)頁上直接進行調(diào)試和修改。 針對移動平臺，采用 HTML5 開發(fā) Web App 具有強大的優(yōu)勢：使用 HTML5 開發(fā)的頁面更具有現(xiàn)代網(wǎng)頁的特性：界面華麗、人機交互出色、功能強大，現(xiàn)在我們已經(jīng)很難單純用傳統(tǒng)的表現(xiàn)方式滿足用戶多種多樣的需求，實現(xiàn)時也很難將 HTML5 與之前的版本割裂開來，所以我們可以認為在移動平臺上絕大部分的現(xiàn)代 Web App（或者 Hybrid App）都將會采用 HTML5 開發(fā)。 云端升級：在移動開發(fā)中最痛苦的是每次發(fā)布。 與云計算平臺結(jié)合，解決移動設(shè)備運算能力有限的問題：如果將 Web App 存放在云端的服務器上，可以很好的利用云計算平臺強大的服務器和運算資源，完成很多受移動設(shè)備硬件能力限制難以完成的復雜工作。這才能發(fā)揮出 HTML5的優(yōu)勢和避免陷入無盡的痛苦 。 HTML5 有它的適用場景，不是放之四海而皆準，雖然這個場景正在變得越來越廣闊和豐富。 以百度相冊 iPad 版為例來進行說明，除了保證良好的流暢性和交互外，我們還通過 HTML5 嘗試了許多有趣和酷炫的創(chuàng)新功能。考慮到成本和效率問題，這種方式會變得越來越普遍。 2020 年 HTML5 已經(jīng)正式發(fā)布，標準趨于穩(wěn)定， 2020 年標準會更成熟，更加 便于普及和應用。 HTML5 應用大量的出現(xiàn)會導致移動端有可能誕生 HTML5 應用的 showcase，極有可能產(chǎn)生類似于韓國 Anipang 這樣的成功游戲應用。而游戲在桌面端的發(fā)展歷程是從單機桌面客戶端、聯(lián)網(wǎng)桌面客戶端再到網(wǎng)頁游戲，因為網(wǎng)頁游戲迎合了當今用戶時間碎片化和追求簡單易上手的需求，而移動平臺上隨時隨地的碎片化時間正好切合網(wǎng)頁游戲的特質(zhì)，所以 HTML5 手機網(wǎng)頁游戲有可能出現(xiàn)爆發(fā)性增長的態(tài)勢，尤其是在微信平臺上，目前可以看到許多大公司和創(chuàng) 業(yè)公司都在進行這方面的努力。 (3) 地圖的繪制與關(guān)卡設(shè)置。其中有些是技術(shù)上類似 div和span標簽，但有一定含義，例如 nav（網(wǎng)站導航塊）和 footer。因此有些特殊的 HTML5特性根本不能使用。 Audio元素能夠播放聲音文件或者音頻流。它主要是使用 JavaScript在網(wǎng)頁上繪制圖像，畫布是一個矩形區(qū)域，其可以控制每一個像素。所有的繪制工作必須在 javaspcrit內(nèi)部完成。同時它還擁有網(wǎng)頁存儲，微數(shù)據(jù)等特點。 以前也可能做到這一點，前提是網(wǎng)頁不得不詢問是否有可用的更新。它的解釋器被稱為 JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在 HTML網(wǎng)頁上使用，用來給 HTML網(wǎng)頁增加動態(tài)功能。因為網(wǎng)景公司與昇陽公司合作，網(wǎng)景公司管理層希望它外觀看起來像 Java，因此取名為 JavaScript。因為 JavaScript兼容于 ECMA標準，因此也稱為 ECMAScript。 它的基本特點如下： (1)是一種解釋性腳本語言（代碼不進行預編譯）。所以在早期程序員比較青睞于 JavaScript以減少對服務器的負擔，而與此同時也帶來另一個問題：安全性。 Javascript被歸類為直譯語言，因為目前主流的引擎都是每次運行時加載代碼并解譯。 Eclipse的本身只是一個框架平臺，但是眾多 插件 的支持，使得 Eclipse擁有較佳的靈活性，所以許多軟件開發(fā)商以 Eclipse為框架開發(fā)自己的 IDE。 Eclipse的用戶界面還使用了 GUI中間層 JFace，從而簡化了基于 SWT的應用程序的構(gòu)建。插件架構(gòu)能夠支持將任意的擴展加入到現(xiàn)有環(huán)境中，例如配置管理，而決不僅僅限于支持各種編程語言。在富客戶機平臺上， Eclipse使用插件來提供所有的附加功能，例如支持 Java以外的其他語言。目前市場上的瀏覽器呈現(xiàn)出百花盛開的景象，而根據(jù)開源內(nèi)核來劃分，主要可以分為兩大類： IE 系列和非 IE 系列。 最初的 Inter Explorer 是作為微軟操作系統(tǒng)的一個部分的。 在 Inter Explorer 7 增加了彈出式窗口的封鎖和標簽頁瀏覽、 RSS 等的主流功能，最新版的 Inter Explorer 提供了一個加載項管理器以控制 ActiveX 控件和瀏覽器幫助 太原理工大學畢業(yè)設(shè)計 (論文 )用紙 13 對象，以及一個 “無加載項 ”版本（在所有程序／附件／系統(tǒng)工具之下）。 自版本 8， Inter Explorer 提供了一個下載監(jiān)視器和安裝監(jiān)視器，允許用戶分兩步選擇是否下載和安裝可執(zhí)行程序。 Inter Explorer 使用了 Trident 排版引擎，幾乎完整支持 HTML ， CSS Level 1，XML 和 DOM Level 1，只是有一些排版錯誤。 當 MIME 類型標識為 “application/xml”和 “text/xml”時，它也能解釋把 XHTML 解釋為 XML，但需要一個小的 XSLT 度量來重新啟用 XML 對 XHTML 的支持。根據(jù) MSXML 的版本不同，它可以完全支持 XSLT 或 1998 年 12 月的 XSL 草案。相應的開源計劃名為 Chromium，其采用 BSD 許可證授權(quán)并開放源代碼，但 Google Chrome本身是非自由軟件，也未開放源代碼。 “Google Chrome”中的每一個標簽頁都是一個沙箱，以防止 “惡意軟件破壞用戶系統(tǒng) ”或 “利用標簽頁影響其他標簽頁 ”。 在性能方面，利用內(nèi)置獨立的 JavaScript 虛擬機 “V8”來提高運行 JavaScript 的速度。 關(guān)鍵性地， chrome 還有 GPU 硬件加速，當激活 GPU 硬件加速時，使用 “Google Chrome”瀏覽那些含有大量圖片之網(wǎng)站時可以更快渲染完成并使頁面滾動時不會出現(xiàn)視頻破裂的問題。 需求分析是軟件工程中的一個關(guān)鍵過程。需 求分析專家與他們的顧客交談、記錄他們的交談結(jié)果、分析他們收集的信息，從中提取互相矛盾的地方，總結(jié)出一個總體觀念，然后再與顧客交談他們發(fā)現(xiàn)的問題。 分析員可以使用不同的技術(shù)來從顧客手中獲得需求。 開發(fā)這款軟件是為了在滿足市場上對于 HTML5 技術(shù)日益增強的需求的同時，也是開發(fā)者對 FC 時代上的《坦克大戰(zhàn)》的一種回憶和尊敬。 太原理工大學畢業(yè)設(shè)計 (論文 )用紙 17 綜合描述 這一部分概述了正在定義的軟件產(chǎn)品的作用范圍以及該軟件產(chǎn)品所運行的環(huán)境，使用該軟件產(chǎn)品的用戶、對該軟件產(chǎn)品已知的限制、有關(guān)該軟件產(chǎn)品的假設(shè)和依賴。由于隨著電子計算機的普及，而 FC 機卻在逐漸從人們的視野中淡 去，所以現(xiàn)在的游戲都是以計算機為基礎(chǔ)平臺開發(fā)。 不管我方坦克還是敵方坦克都可以上下左右移動，玩家可以通過設(shè)置好相應的鍵盤來控制坦克移動的方向，當按住鍵盤不放時，坦克可以持續(xù)移動。同理，我方坦克與敵方坦克發(fā)出的炮彈相遇時，也會有爆炸的效果。 圖 總體設(shè)計圖 模塊組成 此次的程序也是基于 “模塊化 ”的編程思想，運行時，只需點擊 .html 格式的文件就可進入程序，而具體程序中變量和函數(shù)都是被分成了數(shù)個模塊，具體的有： （ 1） Bullet：定義并實現(xiàn)了炮彈的代碼，具體包括移動，繪制，判斷是否碰撞 （ 2） Food：定義并實現(xiàn)了獎勵道具的代碼，具體包括初始化，種類的判斷 （ 3） Map：繪制地圖，使用了 canvas 對象（畫布），再者就是使用 switch 函數(shù)以根據(jù)具體的圖片類型而繪制在頁面上。 （ 6） Score：游戲的計分模塊，包括每關(guān)敵方坦克的剩余數(shù)，玩家的生命數(shù)，以及當前關(guān)數(shù)的顯示。 (2) 在點擊網(wǎng)頁時會調(diào)用這 太原理工大學畢業(yè)設(shè)計 (論文 )用紙 21 些 .js 文件。雙擊游戲運行文件，打開瀏覽器后進入游戲開始界面， 選擇玩家數(shù)量，之后進入第一關(guān)，界面的左側(cè)是游戲的主界面，右側(cè)是游戲的相關(guān)數(shù)據(jù)，其中有當前敵人的剩余數(shù)量，再往下是玩家的生命條數(shù)，最下方的是當前的關(guān)卡。 圖 鍵盤的上下左右鍵 敵方坦克的移動和發(fā)射炮彈不需要鍵盤事件來控制，而是 隨機的，它們是通過提前設(shè)定好的周期來控制移動和發(fā)射炮彈，敵方坦克在初始化出來以后其移動的方向便是隨機生成的，隨之的發(fā)射炮彈也是同樣的情況。不管我方還是敵方的坦克遇到炮彈都會發(fā)成相應的爆炸并被消滅。同時將不同的關(guān)卡看成不同的地圖組成的。 = DOWN。敵方坦克的種類，具體值由函數(shù)的參數(shù) type確定 = false。敵方坦克的生命值只有一次 太原理工大學畢業(yè)設(shè)計 (論文 )用紙 25 } = newSprite()。amp。amp。} else if( dir == DOWN amp。 () * 4 = 2 ) { = DOWN。amp。 i == LEFT amp。} } }。 //給坦克的行駛方向賦予具體的值 太原理工大學畢業(yè)設(shè)計 (論文 )用紙 26 var DOWN = 1。returntrue。 //移動變化值等于速度的值 } break。 } case RIGHT:{ if(()) { += 。 } returnfalse。再創(chuàng)建 context 對象，其中 getContext(“2d”)對象是內(nèi)置的 HTML5 對象，擁有多種繪制對象的方法。 var graphics = (2d)。} = parseInt(() * 384)。 for(vari = 0 。 12增加玩家的積分 tanks[i].isGod = true。 casefoodStar: tanks[i].shotSpeed = 10。敵方坦克不能移動 break。 } var temp = new Score( + 15, + 15,500)。 = foodNon。取關(guān)卡變量的余數(shù) if(level == 0) {level = 21。 i++ ){ for (j = 0。 var graphics = (2d)。繪制矩形 = 000。i++){ for(var j=0。 } else if(map[i][j]==WATER){繪制地圖中的水 (img,48 + mapx, mapy,16,16,j*16 + offerX, i*16 + offerY,16,16) 。 } else if(map[i][j]==11){ (img, 0 + mapx, 8 + mapy, 16, 8, j*16 + offerX,i*16+8 + offerY, 16, 8) 。 } } } } 地圖的繪制同樣離不開 canvas 畫布技術(shù)中的 graphics 對象中的 drawImage()方法，其實在基于 HTML5 中的畫圖最主要就是依賴于這項技術(shù)，而這也是 HTML5 與它的前身 HTML 的區(qū)別之一。而右側(cè)則是數(shù)據(jù)顯示欄，最上方是敵方坦克剩余數(shù)，接下來是當前玩家的生命條數(shù)，再下來是當前的關(guān)卡。 太原理工大學畢業(yè)設(shè)計 (論文 )用紙 35 圖 關(guān)卡四 太原理工大學畢業(yè)設(shè)計 (論文 )用紙 36 6 測試 測試的目的與意義 測試的目的是在真實的系統(tǒng)工作環(huán)境下與前期需求分析中所定義的做比較，校驗完整的軟件配置項能否和系統(tǒng)正確連接，發(fā)現(xiàn)軟件和軟件設(shè)