【正文】 ，更快速的網(wǎng)頁游戲體驗(yàn)，更優(yōu)化的在線交流得到了實(shí)現(xiàn)，同時 html5 擁有更有效的服務(wù)器推送技術(shù)） 。 網(wǎng)頁多媒體特性（支持網(wǎng)頁端的 audio， video 等多媒體功能，與網(wǎng)站自帶的 apps，攝像頭，影音功能相得益彰） 。 太原理工大學(xué)畢業(yè)設(shè)計(jì) (論文 )用紙 2 (5)三維圖形及特效特性（基于 SVG,Canvas,WebGL,CSS3 的 3d 功能）， css3 特性?，F(xiàn)在 html5 已經(jīng)使一個成熟的技術(shù)，在 web 這個平臺上，它可以將圖像，動畫，音樂等很好與電腦交互。 如今的互聯(lián)網(wǎng)已儼然不是傳統(tǒng)意義上的 互聯(lián)網(wǎng)，尤其隨著手機(jī)與平板電腦等各類移動設(shè)備的快速普及，人們也越來越依賴他們來獲取信息和使用更加豐富的應(yīng)用，如重力感應(yīng)，手機(jī)導(dǎo)航，眼球跟蹤技術(shù)，指紋識別系統(tǒng)等交互方式的應(yīng)用，互聯(lián)網(wǎng)在改變?nèi)藗兊娜粘Ｉ睢? 每次變革都意味著挑戰(zhàn)與機(jī)遇，這次 html5 的更新也不例外，所以利用 html5 這種技術(shù)來做一些應(yīng)用，來創(chuàng)造更多的服務(wù)于人們?nèi)粘Ｉ畹膽?yīng)用更是一次機(jī)遇，也許能改變這個世界。 互聯(lián)網(wǎng)相對與其他行業(yè)的最大區(qū)別就是它是時刻變化的，每時每刻都在創(chuàng)新，一種新的技術(shù)的出現(xiàn)可能會相應(yīng)地出現(xiàn)全新的應(yīng)用以及商業(yè)模式，而該課題就是利用 html5來做的一個實(shí)踐，也是對自己能力的一次測驗(yàn)。 電腦游戲，其出現(xiàn)與 1960 年代電子計(jì)算機(jī)進(jìn)入美國大學(xué)校園有密切關(guān)系。在當(dāng)時的環(huán)境中培養(yǎng)出了一批編程高手，其后一名大學(xué)生在 PDP1 型電子計(jì)算機(jī)上編制出被后代認(rèn)為是電腦游戲發(fā)明人的《宇宙戰(zhàn)爭》。之后隨著計(jì)算機(jī)成本降低以及其性能提高，計(jì)算機(jī)開始真正走入人們的視野中， 1971 年，譽(yù)為 “電子游戲之父 ”的諾蘭 .布什內(nèi)爾發(fā)明了 第一臺商業(yè)化電子游戲機(jī)。 圖 20202020 年中國網(wǎng)絡(luò)動漫市場規(guī)模 太原理工大學(xué)畢業(yè)設(shè)計(jì) (論文 )用紙 3 再后來，漸漸地發(fā)展成為一個巨大的產(chǎn)業(yè)，游戲軟件也有最開始的單機(jī)版逐漸發(fā)展為大型的網(wǎng)游。但后來隨著人們需求的不斷增加，游戲軟件也越來越大，這時就需要強(qiáng)大的計(jì)算機(jī)性能的支持，但計(jì)算機(jī)性能的提高就意味著成本的增加，所以有人就利用html 讓游戲直接在網(wǎng)頁中運(yùn)行，玩家可以省去下載身體龐大的客戶端，打開網(wǎng)頁就能享受游戲帶來的樂趣，如曾經(jīng)風(fēng)靡一時的 “qq 農(nóng)場 ”，操作簡單方便快捷。而對于游戲開發(fā)者來說更 ?快樂吧。 國內(nèi)外發(fā)展現(xiàn)狀 html5 前身是 html。而 是在 1993 年 6 月作為互聯(lián)網(wǎng)工程工作小組（ IETF）工作發(fā)布的，但此時的 html 的只是草案，并非標(biāo)準(zhǔn)。之后在短短的 20 年時間里， 20世紀(jì) 90 年代的人見證了 html 的跨越式的發(fā)展， 版， 版到 版，再到 1999 年的 版，此時再看 html 的發(fā)展，其技術(shù)已經(jīng)非常的成熟了。但也被有些人認(rèn)為 html的未來發(fā)展趨勢不怎么明朗，很難再做出什么技術(shù)上的突破與創(chuàng)新。 1999年 12月發(fā)布的 。期間業(yè)界普遍認(rèn)為 html已經(jīng)走到窮 途末路，對于 web 標(biāo)準(zhǔn)也開始由 HTML 轉(zhuǎn)移到 XHTML。 W3C（ World Wide Web Consortium， 萬維網(wǎng) 聯(lián)盟） 專注于 。 但 HTML 并沒有跟著其預(yù)言的軌跡而沒落下去，而是反而表現(xiàn)出強(qiáng)大的生命力，于是在 2020 年，雙方?jīng)Q定進(jìn)行合作，來創(chuàng)建一個新版本的 HTML。 HTML5 的前身名為 Web Applications ，于 2020 年被WHATWG 提出，于 2020 年被 W3C 接納，并成立了新的 HTML 工作團(tuán)隊(duì)。之后 html5的第一份正式草案于 2020 年 1 月公布。此時的 html5 仍需要完善，然而，大部分瀏覽器已經(jīng)可以支持 html5。 但 html5 真正成為當(dāng)時媒體的一個話題還是 2020 年 4 月，家喻戶曉的蘋果公司 CEO喬布斯發(fā)表了一篇 “對 flash 的思考 ”的文章，在其文章中說到 html5 的發(fā)展勢必會影響大家對 Flash 的依賴。 2020 年萬維網(wǎng)聯(lián)盟（ W3C）正式宣布凝聚了大量網(wǎng)絡(luò)工作者心血的 html5 規(guī)范已經(jīng)正式定稿，此時 W3C 聲稱 html5 是開放的 web 網(wǎng)絡(luò)平臺的奠基石。真正成熟的 正式草案于 2020 年 5 月公布 。該規(guī)范定義了第五次重大版本，在這個版本中，新的功能不斷推出。 太原理工大學(xué)畢業(yè)設(shè)計(jì) (論文 )用紙 4 之后美國著名社交網(wǎng)站 Facebook 制定了一項(xiàng)名為 “斯巴達(dá) ”的移動平臺服務(wù)計(jì)劃，該計(jì)劃旨在在蘋果 IOS 平臺和谷歌的 android 平臺發(fā)起挑戰(zhàn)，該計(jì)劃就是基于 html5 技術(shù)來開發(fā)的移動服務(wù)平臺。隨后手機(jī)應(yīng)用出現(xiàn)，但運(yùn)行緩慢并漏洞百出，優(yōu)化的過程可以在網(wǎng)頁上直接進(jìn)行調(diào)試和修改。 2020 年 10 月 ,W3C 宣布，經(jīng)過漫長的努力， html5標(biāo)準(zhǔn)規(guī)范終于最終完成了，并公開公布。而基于 html5 開發(fā)的應(yīng)用也隨著遍地開花。 時光如梭，自 2020 年 HTML5 誕生以 來已經(jīng)過去了 5 年的時間，作為新一代的 Web標(biāo)準(zhǔn)，它自問世以來就受到方方面面的強(qiáng)烈關(guān)注，也引起了許多爭議，支持者因其開放強(qiáng)大的特點(diǎn)而鼓吹它的美好前景，質(zhì)疑者因其遲遲不能很好落地而懷疑它的實(shí)際作用。 針對移動平臺，采用 HTML5 開發(fā) Web App 具有強(qiáng)大的優(yōu)勢：使用 HTML5 開發(fā)的頁面更具有現(xiàn)代網(wǎng)頁的特性：界面華麗、人機(jī)交互出色、功能強(qiáng)大，現(xiàn)在我們已經(jīng)很難單純用傳統(tǒng)的表現(xiàn)方式滿足用戶多種多樣的需求，實(shí)現(xiàn)時也很難將 HTML5 與之前的版本割裂開來，所以我們可以認(rèn)為在移動平臺上絕大部分的現(xiàn)代 Web App（或者 Hybrid App）都將會采用 HTML5 開發(fā)。那么這樣做究竟有哪些好處呢？ 跨平臺：一次開發(fā)，到處使用，不需要考慮兼容性。這可以極大減少跨平臺開發(fā)人員數(shù)量和成本。如果反過來思考，現(xiàn)在移動平臺日新月異，除了 Android 和 iOS 兩強(qiáng)獨(dú)大，還有 Windows Phone、 Blackberry、 Bada 等多個系統(tǒng)參與競爭，各自覆蓋一部分用戶，而一個應(yīng)用要想覆蓋這么多的平臺，除了采用 Web App 的方式，幾乎不可能解決這個現(xiàn)實(shí)的問題。 云端升級：在移動開發(fā)中最痛苦的是每次發(fā)布。發(fā)布時需要涉及多個應(yīng)用商店和渠道，另外還要 非常的謹(jǐn)慎。如果出現(xiàn)重大 bug 或者質(zhì)量問題，通過新版本修復(fù)是極其麻煩的事情，在這個過程中蘋果 App Store 的審核期也讓很多開發(fā)者非常頭疼。而云端升級可以一次性覆蓋所有用戶，不需要用戶手動升級和安裝；有任何問題可以隨時及時修復(fù)，不需要經(jīng)過應(yīng)用商店和用戶手動更新，大大減少了風(fēng)險(xiǎn)和工作量。 與云計(jì)算平臺結(jié)合，解決移動設(shè)備運(yùn)算能力有限的問題：如果將 Web App 存放在云端的服務(wù)器上，可以很好的利用云計(jì)算平臺強(qiáng)大的服務(wù)器和運(yùn)算資源，完成很多受移動設(shè)備硬件能力限制難以完成的復(fù)雜工作。 能夠更好的被搜索引擎索引和檢索 ，并形成可量化的大數(shù)據(jù)： Native 形式本身是封閉的，封閉、無序的數(shù)據(jù)對于信息流動來說是一種阻礙，很容易造成信息孤島； Web本身的精神就是開放，同時 HTML5 提供的語義化標(biāo)簽?zāi)軌蚋玫谋蛔R別和組織。如果 太原理工大學(xué)畢業(yè)設(shè)計(jì) (論文 )用紙 5 我們能夠通過 Web App 獲取更多開放的信息與數(shù)據(jù)結(jié)構(gòu)，才能更好的迎接和擁抱大數(shù)據(jù)時代。 圖 HTML5 游戲付費(fèi)率較低 而針對 HTML5 移動開發(fā)平臺，開發(fā)額最佳實(shí)踐有：在移動端， HTML5 應(yīng)用有適合它的特別的表現(xiàn)方式，而不應(yīng)專注和原生應(yīng)用做的完全一致。這才能發(fā)揮出 HTML5的優(yōu)勢和避免陷入無盡的痛苦 。事實(shí)上如果要開發(fā)與原生應(yīng)用性能相當(dāng)?shù)?HTML5 應(yīng)用，所投入的精力、測試和資源遠(yuǎn)遠(yuǎn)超過原生應(yīng)用。 這一方面比較有代表性要數(shù) Linkedin iPad 版，它 95%以上都采用 HTML5 開發(fā)，性能和界面都非常優(yōu)秀，而為了保證良好的性能體驗(yàn)，設(shè)計(jì)時特意去掉了許多不必要的設(shè)計(jì)元素，例如所有的漸變背景和圓角，因?yàn)檫@會造成渲染性能降低。 LinkedIn iPad 版是有代表性的 HTML5 應(yīng)用之一 有針對性的根據(jù) HTML5 的特性對應(yīng)用進(jìn)行設(shè)計(jì)。 HTML5 有它的適用場景，不是放之四海而皆準(zhǔn)，雖然這個場景正在變得越來越廣闊和豐富。 Web App 不會完全取代 Native App， Native App 也不會戰(zhàn)勝 Web App。共生共贏，各擅勝場，它們有各自適合的場景和用途，會逐漸并存下去。所以我們需要做的是不要用 Native App 的思維來設(shè)計(jì) Web App，而應(yīng)該著力于發(fā)揮 HTML5 的長處，做出特色。 以百度相冊 iPad 版為例來進(jìn)行說明，除了保證良好的流暢性和交互外，我們還通過 HTML5 嘗試了許多有趣和酷炫的創(chuàng)新功能。其中包括： (1）利用傳感器來展示圖片的移動 和漸變效果：當(dāng) iPad 水平傾斜的時候，封面圖片會向同樣角度的慢慢移動，通過視差展現(xiàn)出一種美輪美奐的效果。 (2）支持圖片手勢操作：用過 iPad 的朋友都對相冊方便快捷的手勢操作贊不絕口。而由于 HTML5 對于手勢的支持也已經(jīng)比較完善，所以這次我們在百度相冊 iPad 版本 太原理工大學(xué)畢業(yè)設(shè)計(jì) (論文 )用紙 6 里嘗試添加了對絕大多數(shù)手勢的支持來貼近用戶習(xí)慣和方便用戶操作，例如展開相冊、關(guān)閉單張圖片、旋轉(zhuǎn)圖片等等 (3)開發(fā)者覆蓋全平臺的最佳實(shí)踐是 OnePlatform+ HTML5，即關(guān)鍵平臺（可以是Android，也可以是 iOS）采用 Native App，而剩下的所有平臺采用 HTML5 的 Web App來適配?？紤]到成本和效率問題，這種方式會變得越來越普遍。 同時，移動 App 產(chǎn)業(yè)化趨勢越來越明顯，那么 HTML5 發(fā)展額趨勢和所帶來額機(jī)會會越來越顯著。桌面端 IE 逐步衰落，支持 HTML5 的現(xiàn)代瀏覽器逐步占領(lǐng)市場已經(jīng)是顯而易見的事情。而移動平臺更為樂觀，據(jù)估計(jì) 2020 年用戶對于智能終端更新?lián)Q代的比例會在 50%以上，設(shè)備的迅猛更新會讓支持 HTML5 的現(xiàn)代瀏覽器輕松獲取 80%以上的市場份額。 2020 年 HTML5 已經(jīng)正式發(fā)布，標(biāo)準(zhǔn)趨于穩(wěn)定， 2020 年標(biāo)準(zhǔn)會更成熟，更加 便于普及和應(yīng)用。 HTML5 規(guī)范將逐步落地，隨著 WebGL、 Device API 的成熟， HTML5 能實(shí)現(xiàn)的界面效果和功能會更加廣闊。當(dāng)基于 HTML5 的移動 App 性能和表現(xiàn)上非常趨近于 Native App，而且有成熟的開發(fā)標(biāo)準(zhǔn)時，會出現(xiàn)一個 App 大量向 HTML5 遷移的浪潮，導(dǎo)致的結(jié)果是用戶也大量向 HTML5 應(yīng)用轉(zhuǎn)移。 圖 APP 目前發(fā)展前景 同時目前智能終端美國和中國的滲透率在 50%以上，隨著它們的逐漸普及，會出現(xiàn)一波應(yīng)用從桌面端向移動端遷移的過程，而在這個過程中， HTML5 將會成為很大一部分應(yīng)用的 技術(shù)選擇。 HTML5 應(yīng)用大量的出現(xiàn)會導(dǎo)致移動端有可能誕生 HTML5 應(yīng)用的 showcase，極有可能產(chǎn)生類似于韓國 Anipang 這樣的成功游戲應(yīng)用。 太原理工大學(xué)畢業(yè)設(shè)計(jì) (論文 )用紙 7 基于 HTML5 的手機(jī)網(wǎng)頁游戲，資訊新聞類應(yīng)用將會蓬勃發(fā)展。 HTML5 應(yīng)用大量的出現(xiàn)會導(dǎo)致移動端有可能誕生 HTML5 應(yīng)用的 showcase，極有可能產(chǎn)生類似于韓國Anipang 這樣的成功游戲應(yīng)用。 現(xiàn)在，桌面端的 HTML5 游戲已經(jīng)出現(xiàn)了像 Disney 的魔境仙蹤游戲《 Find Your Way to OZ》、 EA 的《命令與征服》、 Rocket Pack 的《 Warimals:Cats vs. Dogs》等優(yōu)秀作品，那么在移動平臺上呢？ 韓國 Kakao Talk 和日本 Line 平臺在移動游戲方面已經(jīng)取得了初步的成功，中國移動游戲的發(fā)展趨勢將和韓國非常類似，會出現(xiàn)一個迅猛增長的態(tài)勢。而游戲在桌面端的發(fā)展歷程是從單機(jī)桌面客戶端、聯(lián)網(wǎng)桌面客戶端再到網(wǎng)頁游戲，因?yàn)榫W(wǎng)頁游戲迎合了當(dāng)今用戶時間碎片化和追求簡單易上手的需求，而移動平臺上隨時隨地的碎片化時間正好切合網(wǎng)頁游戲的特質(zhì)，所以 HTML5 手機(jī)網(wǎng)頁游戲有可能出現(xiàn)爆發(fā)性增長的態(tài)勢，尤其是在微信平臺上，目前可以看到許多大公司和創(chuàng) 業(yè)公司都在進(jìn)行這方面的努力。 另外一類有代表性的資訊新聞類應(yīng)用重在內(nèi)容，而處理內(nèi)容正是 Web 的專長，而更自由的分發(fā)形式、更便捷的搜索引擎檢索、更廣泛的跨端需求是這類應(yīng)用的最大需求?，F(xiàn)在國外《金融時報(bào)》、《紐約時報(bào)》等傳統(tǒng)媒體都已經(jīng)嘗試用 HTML5 的方式來分發(fā)移動應(yīng)用。 (1) 使用 html5 cavans 來開發(fā)動畫效果 (2) 通過調(diào)用 ()來實(shí)現(xiàn)聲音的效果。 (3) 地圖的繪制與關(guān)卡設(shè)置。 (4) 打開瀏覽器玩家可以進(jìn)行選擇單人玩或者雙人玩，之后通過鍵盤來控制坦克，將敵方坦克消滅保衛(wèi)基地。 太原理工大學(xué)畢業(yè)設(shè)計(jì) (論文 )用紙 8 2課題涉及的相關(guān)技術(shù)和開發(fā)環(huán)境介紹 2020年 9月， W3C提出計(jì)劃要在 2020年底前發(fā)布一個 HTML5推薦標(biāo)準(zhǔn)。 HT