【正文】 大大減少了風(fēng)險(xiǎn)和工作量。 但 html5 真正成為當(dāng)時(shí)媒體的一個(gè)話題還是 2020 年 4 月，家喻戶曉的蘋(píng)果公司 CEO喬布斯發(fā)表了一篇 “對(duì) flash 的思考 ”的文章，在其文章中說(shuō)到 html5 的發(fā)展勢(shì)必會(huì)影響大家對(duì) Flash 的依賴。在當(dāng)時(shí)的環(huán)境中培養(yǎng)出了一批編程高手，其后一名大學(xué)生在 PDP1 型電子計(jì)算機(jī)上編制出被后代認(rèn)為是電腦游戲發(fā)明人的《宇宙戰(zhàn)爭(zhēng)》。當(dāng)然隨著其用戶不斷增加，人們也開(kāi)始意識(shí)到計(jì)算機(jī)的功能有些單一，希望它在生活中扮演的不只是輔助的角色，而是更多地想使用計(jì)算機(jī)來(lái)做更多的事情，能覆蓋更廣的范圍，比如娛樂(lè)，游戲，看電影等。而 HTML5 是超文本標(biāo)記語(yǔ)言的第五次重大修改。 (3)設(shè)備兼容特性（為網(wǎng)頁(yè)應(yīng)用開(kāi)發(fā)者提供了更多功能上的優(yōu)化選擇，帶來(lái)了更多體驗(yàn)功能的優(yōu)勢(shì)，并且提供了前所未有的數(shù)據(jù)與應(yīng)用接入開(kāi)放接口，使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連） 。之后在短短的 20 年時(shí)間里， 20世紀(jì) 90 年代的人見(jiàn)證了 html 的跨越式的發(fā)展， 版， 版到 版，再到 1999 年的 版，此時(shí)再看 html 的發(fā)展，其技術(shù)已經(jīng)非常的成熟了。而基于 html5 開(kāi)發(fā)的應(yīng)用也隨著遍地開(kāi)花。 這一方面比較有代表性要數(shù) Linkedin iPad 版，它 95%以上都采用 HTML5 開(kāi)發(fā)，性能和界面都非常優(yōu)秀，而為了保證良好的性能體驗(yàn)，設(shè)計(jì)時(shí)特意去掉了許多不必要的設(shè)計(jì)元素，例如所有的漸變背景和圓角，因?yàn)檫@會(huì)造成渲染性能降低。當(dāng)基于 HTML5 的移動(dòng) App 性能和表現(xiàn)上非常趨近于 Native App，而且有成熟的開(kāi)發(fā)標(biāo)準(zhǔn)時(shí)，會(huì)出現(xiàn)一個(gè) App 大量向 HTML5 遷移的浪潮，導(dǎo)致的結(jié)果是用戶也大量向 HTML5 應(yīng)用轉(zhuǎn)移。同時(shí)為其他瀏覽要素提供了新的功能，通過(guò)一個(gè)標(biāo)準(zhǔn)接口，如 audio和 video標(biāo)記。然后創(chuàng)建 context對(duì)象。 為了獲取技術(shù)優(yōu)勢(shì)，微軟推出了 JScript，與 JavaScript同樣可在瀏覽器上運(yùn)行。 Eclipse 介紹 Eclipse是著名的 跨平臺(tái) 開(kāi)源 集成開(kāi)發(fā)環(huán)境 （ IDE）。插件架構(gòu)能夠支持將 任意的擴(kuò)展加入到現(xiàn)有環(huán)境中，例如配置管理，而決不僅僅限于支持各種編程語(yǔ)言。 Inter Explorer 可通過(guò)組群原則進(jìn)行完全配置。 “Google Chrome”會(huì)定期地更新防止網(wǎng)絡(luò)釣魚(yú)和惡意軟件的黑名單，并在用戶試圖瀏覽可能造成電腦損害的網(wǎng)站時(shí)予以警告。只有在確定了這些需要后，他們才能夠分析和尋求新系統(tǒng)的解決方法。在任天堂上運(yùn)行的被后世大家稱之為 “經(jīng)典 ”的游戲是由日本 Namco 游戲公司開(kāi)發(fā)。 （ 5） Mytank：與上面的相比，最大的區(qū)別就是方向的控制，這時(shí)的坦克是由玩家通過(guò)鍵盤(pán)來(lái)控制的。當(dāng)炮彈從我方坦克發(fā)射時(shí)需要鍵盤(pán)事件來(lái)控制的，這樣可以提高該游戲的可玩性。 = 70。 i == UP amp。如當(dāng)方向?yàn)?up 時(shí)，相應(yīng)的 y 值就會(huì)做出變化，而具體的變化需要根據(jù)當(dāng)前坦克的行駛速度決定的。 } break。隨機(jī)生成縱坐標(biāo) }。當(dāng)前在屏幕里的敵方坦克全部爆炸 break。 j++ ){ map[i][j] =tempMap[i][j]。 } else if(map[i][j]==HOME){繪制地圖中的基地 (img,0 + homex, homey, 32, 32, j*16 + offerX, i*16 + offerY, 32, 32) 。 太原理工大學(xué)畢業(yè)設(shè)計(jì) (論文 )用紙 34 圖 關(guān)卡二 圖中出現(xiàn)的深黃色的方塊為磚墻，而白色的則為鐵墻。j++){ if(map[i][j]==WALL){繪制地圖中的磚墻 (img,mapx, mapy,16,16,j*16 + offerX, i*16 + offerY,16,16) 。//聲明變量 tempMap，用來(lái)存放關(guān)卡 for (i = 0。 break。 = parseInt(() * 6)。returntrue。 () * 4 = 2 ) { = RIGHT。amp。坦克行駛方向的前一方向 = speed。 我方坦克擊敗敵方坦克的唯一方式是通過(guò)移動(dòng)射擊炮彈，而躲避敵方坦克是通過(guò)躲避敵方的炮彈或者在游戲規(guī)定的時(shí)間內(nèi)吃到相應(yīng)的獎(jiǎng)勵(lì)物品。 太原理工大學(xué)畢業(yè)設(shè)計(jì) (論文 )用紙 19 4 概要設(shè)計(jì) 總體流程設(shè)計(jì) 開(kāi)始游戲，在開(kāi)始界面選擇玩家數(shù)，之后進(jìn)入第一關(guān)卡，初始化玩家和敵方的坦克，同時(shí)初始化第一關(guān)的地圖，開(kāi)始游戲后玩家通過(guò)控制鍵盤(pán)來(lái)消滅敵方坦克進(jìn)入下一關(guān)卡直至最后通關(guān)。這份軟件產(chǎn)品需求分析報(bào)告只與整個(gè)系統(tǒng)的某個(gè)部分有關(guān)系，那么只是定義軟件產(chǎn)品需求分析報(bào)告中說(shuō)明的那個(gè)部分或子系統(tǒng)。需求分析有可能在一個(gè)項(xiàng)目中成為一個(gè)漫長(zhǎng)、艱巨的工作。 太原理工大學(xué)畢業(yè)設(shè)計(jì) (論文 )用紙 14 圖 最新的 IE9 瀏覽器 Google Chrome 是一個(gè)由 Google 開(kāi)發(fā)的網(wǎng)頁(yè)瀏覽器。它允許對(duì)大量的功能進(jìn)行限制，也允許 只對(duì)指定功能進(jìn)行限制。 Eclipse軟件的核心很小，其它所有功能都以插件的形式存在于 Eclipse之上，而開(kāi)發(fā)者可以根據(jù)自己的實(shí)際需要隨意添加刪減。同時(shí)，有些特殊功能（如 AJAX）必須依賴 Javascript在客戶端進(jìn)行支持。 在 1995年時(shí)，由網(wǎng)景公司的布蘭登 fillStyle 方法將其染成紅色， fillRect 方法規(guī)定了形狀、位置和尺寸。 太原理工大學(xué)畢業(yè)設(shè)計(jì) (論文 )用紙 8 2課題涉及的相關(guān)技術(shù)和開(kāi)發(fā)環(huán)境介紹 2020年 9月， W3C提出計(jì)劃要在 2020年底前發(fā)布一個(gè) HTML5推薦標(biāo)準(zhǔn)。桌面端 IE 逐步衰落，支持 HTML5 的現(xiàn)代瀏覽器逐步占領(lǐng)市場(chǎng)已經(jīng)是顯而易見(jiàn)的事情。如果 太原理工大學(xué)畢業(yè)設(shè)計(jì) (論文 )用紙 5 我們能夠通過(guò) Web App 獲取更多開(kāi)放的信息與數(shù)據(jù)結(jié)構(gòu)，才能更好的迎接和擁抱大數(shù)據(jù)時(shí)代。該規(guī)范定義了第五次重大版本，在這個(gè)版本中，新的功能不斷推出。但后來(lái)隨著人們需求的不斷增加，游戲軟件也越來(lái)越大，這時(shí)就需要強(qiáng)大的計(jì)算機(jī)性能的支持，但計(jì)算機(jī)性能的提高就意味著成本的增加，所以有人就利用html 讓游戲直接在網(wǎng)頁(yè)中運(yùn)行，玩家可以省去下載身體龐大的客戶端，打開(kāi)網(wǎng)頁(yè)就能享受游戲帶來(lái)的樂(lè)趣，如曾經(jīng)風(fēng)靡一時(shí)的 “qq 農(nóng)場(chǎng) ”，操作簡(jiǎn)單方便快捷。 Html5 的前身是超文本標(biāo)記語(yǔ)言（ html），而它則是第五次重大修改，經(jīng)過(guò)了將近8 年的艱辛努力，該標(biāo)準(zhǔn)才制定完成。 太原理工大學(xué)畢業(yè)設(shè)計(jì) (論文 )用紙 i 基于 HTML5的坦克大戰(zhàn) 摘要 最初的《坦克大戰(zhàn)》是 1985 年日本 Namco 游戲公司開(kāi)發(fā)并且在任天堂 FC 平臺(tái)上推出的一款 2D 射擊游戲。 它是近十年來(lái) web 標(biāo)準(zhǔn)最巨大的飛躍，和以前的版本有了很大的不同，現(xiàn)在支持html5 的瀏覽器包括 Firefox（火狐瀏覽器） ,IE9（微軟） ,Safari（蘋(píng)果 mac） ,Chrome（谷歌瀏覽器） ,Opera, 瀏覽器 ,360 瀏覽器等。而對(duì)于游戲開(kāi)發(fā)者來(lái)說(shuō)更 ?快樂(lè)吧。 太原理工大學(xué)畢業(yè)設(shè)計(jì) (論文 )用紙 4 之后美國(guó)著名社交網(wǎng)站 Facebook 制定了一項(xiàng)名為 “斯巴達(dá) ”的移動(dòng)平臺(tái)服務(wù)計(jì)劃，該計(jì)劃旨在在蘋(píng)果 IOS 平臺(tái)和谷歌的 android 平臺(tái)發(fā)起挑戰(zhàn)，該計(jì)劃就是基于 html5 技術(shù)來(lái)開(kāi)發(fā)的移動(dòng)服務(wù)平臺(tái)。 圖 HTML5 游戲付費(fèi)率較低 而針對(duì) HTML5 移動(dòng)開(kāi)發(fā)平臺(tái)，開(kāi)發(fā)額最佳實(shí)踐有：在移動(dòng)端， HTML5 應(yīng)用有適合它的特別的表現(xiàn)方式，而不應(yīng)專(zhuān)注和原生應(yīng)用做的完全一致。而移動(dòng)平臺(tái)更為樂(lè)觀，據(jù)估計(jì) 2020 年用戶對(duì)于智能終端更新?lián)Q代的比例會(huì)在 50%以上，設(shè)備的迅猛更新會(huì)讓支持 HTML5 的現(xiàn)代瀏覽器輕松獲取 80%以上的市場(chǎng)份額。 HTML 5 提供了一些新的元素和屬性，反映典型的現(xiàn)代用法 網(wǎng)站 。 canvas元素本身是沒(méi)有繪圖能力的。艾克，在網(wǎng)景導(dǎo)航者瀏覽器上首次設(shè)計(jì)實(shí)現(xiàn)而成。 隨著引擎如 V8和框架如 ，及其事件驅(qū)動(dòng)及異步 IO等特性， JavaScript逐漸被用來(lái)編寫(xiě)服務(wù)器端程序。Eclipse基本內(nèi)核包括：圖形 API（ SWT/Jface）， Java開(kāi)發(fā)環(huán)境插件（ JDT），插件開(kāi)發(fā)環(huán)境（ PDE）等 Eclipse的插件機(jī)制是輕型軟件組件化架構(gòu)。對(duì)于瀏覽器所出現(xiàn)之漏洞，微軟通過(guò)自動(dòng)更新不定期發(fā)布修補(bǔ)漏洞的更新提供給用戶安裝。 “Chrome”是化學(xué)元素 “鉻 ”的英文名稱；過(guò)去也用 Chrome 稱呼瀏覽器的外框，中文名曾短暫地用過(guò) “鉻瀏覽器 ”。在軟件工程中，需求分析指的是在建立一個(gè)新的或改變一個(gè)現(xiàn)存的電腦系統(tǒng)時(shí)描寫(xiě)新系統(tǒng)的目的、范圍、定義和功能時(shí)所要做的所有的工作。引言是對(duì)這份軟件產(chǎn)品需求分析報(bào)告的概覽，是為了幫助閱讀者 了解這份文檔是如何編寫(xiě)的，并且應(yīng)該如何閱讀、理解和解釋這份文檔?；蛘咄婕业纳鼦l數(shù)被耗盡，游戲結(jié)束。我方坦克的移動(dòng)和發(fā)射炮彈都必須通過(guò)程序設(shè)置好的鍵盤(pán)事件來(lái)實(shí)現(xiàn)。//敵方坦克的速度，具體值由函數(shù)的參數(shù) speed確定 = type。 () * 4 = 2) { = UP。} else { = i。 //移動(dòng)變化值等于速度的值 } break。隨機(jī)生成道具的種類(lèi) //if( == 0 || == 4) {()。 casefoodTime: stopTime = 800。 i 26。 } else if(map[i][j]==GRID) {繪制圖中的網(wǎng)格 (img,16 + mapx, mapy,16,16,j*16 + offerX, i*16 + offerY,16,16) 。 圖 關(guān)卡五 圖中出現(xiàn)的藍(lán)色方塊為河流，不管是玩家或者是敵方坦克都不能穿過(guò)。 } else if(map[i][j]==ICE) {繪制地圖中的鐵墻 (img,64 + mapx, mapy,16,16,j*16 + offerX, i*16 + offerY,16,16) 。 j 26。 casefoodBomb: tanksBomb(true)。隨機(jī)生成橫坐標(biāo) = parseInt(() * 384)。returntrue。 我方坦克的移動(dòng)（通過(guò)鍵盤(pán)事件控制的），即在開(kāi)始將方向 “數(shù)值化 ”， up=0， down=1，left=2， right=3,其后使用 switch 語(yǔ)句對(duì)方向做出具體 的判斷。amp。坦克的發(fā)射狀態(tài)缺省值是 false = 0。 太原理工大學(xué)畢業(yè)設(shè)計(jì) (論文 )用紙 23 圖 敵方坦克 將炮彈設(shè)置一個(gè)單獨(dú)的模塊，這樣的做的目的是由于當(dāng)炮彈不管是從我方坦克還是從敵方坦克發(fā)射出后，都已經(jīng)是脫離了坦克，與坦克莫無(wú)關(guān)系。 （ 4） Tank：初始化敵方坦克的具體值 (起始方向，速度，生命值等 )，敵方坦克的隨機(jī)行駛 (主要的技術(shù)是使用 ()函數(shù)生成偽隨機(jī)的數(shù)值，再用 太原理工大學(xué)畢業(yè)設(shè)計(jì) (論文 )用紙 20 parseInt()函數(shù)轉(zhuǎn)化成整數(shù)值，利用 switch()函數(shù)使其生成方向 )。 產(chǎn)品的狀況 初代的《坦克大戰(zhàn)》是運(yùn)行在 FC 機(jī)上的，而在國(guó)內(nèi)則是以 “小霸王 ”為代表的平臺(tái)。在這個(gè)過(guò)程中，系統(tǒng)分析員和軟件工程師確定顧客的需要。截至 2020 年 7 月， StatCounter 調(diào)查報(bào)告中，稱Chrome 的市場(chǎng)份額已經(jīng)升至 45%，超越 Inter Explorer 和 Mozilla Firefox 成為全球第一大瀏覽器。這可以防止惡意軟件被安裝。 已有的分離的插件已經(jīng)能夠支持 C/C++（ CDT）、 PHP、 Perl、 Ruby， Python、 tel和數(shù)據(jù)庫(kù)開(kāi)發(fā)。 V8是將所有代碼解譯后再開(kāi)始運(yùn)行，其他引擎則是逐行解譯（ SpiderMonkey會(huì)將解譯過(guò)的指令暫存，以提高性能，稱為實(shí)時(shí)編譯），但由于 V8的核心部分多數(shù)用 Javascript撰寫(xiě)（而 SpiderMonkey是用 C++），因此在不同的測(cè)試上，兩者性能互有優(yōu)劣。但實(shí)際上它的語(yǔ)義與 Self及 Scheme較為接近。 Javascript使用 id來(lái)尋找 canvas元素 var c=(myCanvas)。 這種標(biāo)簽將有利于 搜索引擎 的索引整理、小屏幕設(shè)備和視障人士使用。 HTML5 規(guī)范將逐步落地，隨著 WebGL、 Device API 的成熟， HTML5 能實(shí)現(xiàn)的界面效果和功能會(huì)更加廣闊。事實(shí)上如果要開(kāi)發(fā)與原生應(yīng)用性能相當(dāng)?shù)?HTML5 應(yīng)用，所投入的精力、測(cè)試和資源遠(yuǎn)遠(yuǎn)超過(guò)原生應(yīng)用。 2020 年 10 月 ,W3C 宣布，經(jīng)過(guò)漫長(zhǎng)的