閑聊HTML5：HTML5游戲的現在和將來

2020-03-24 18:46:59

字體：大中小

來源：轉載

供稿：網友

盡管還沒有完工，不過 HTM5 已經被炒得沸沸揚揚。Google 不時做一些基于 HTML5 的 LOGO 和演示讓人心癢不已，一些經典游戲如《割繩子》、《寶石迷陣》等都已經開發了基于 HTML5 的網頁版游戲，而在移動應用方面，網絡應用(Web App)由于突破了傳統原生引用(Native App)的環境和版本限制，無論是 Android 還是 iOS，只要瀏覽器支持都可以使用。

本文就嘗試閑聊一下 HTML5，尤其是 HTML5 游戲的現在和將來。

一、什么是 HTML5

建議在了解之前，先去維基百科一下?；蛘邅砺犅犞跎涎μ斓摰慕忉專?br>
簡單來說，HTML5是對 HTML 標準的第五次修訂，目前仍未完工。其主要的目標是將互聯網語義化，以便更好地被人類和機器閱讀，并同時提供更好地支持各種媒體的嵌入。HTML5的語法是向下兼容的。

但論及 HTML5 時，大部分開發者所指的并不僅僅是這個新標準，而是(如 Jeremy Keith 說的) doing anything cool (on the web) (在網上隨意?？?。做這些酷的東西需要用到的技術和標準，除了 HTML5 標準外，還包括 CSS3 的一些新屬性，以及一些新的 API。

好吧，如果這么多概念把你搞暈了，那么看看下面這張圖吧

是不是更加暈了呢？反正我是。

二、Google 的 HTML5 秀

Google 和蘋果是推廣 HTML5 的兩大巨頭。除了推出了專門推廣 HTML5 的網站 HTML5ROCKS 之外，Google 還有一個 HTML5的演示站(需翻墻)。里面目前有 12 個演示，包括 2 個手機演示。

除此之外，Google 還常常用 HTML5 炫出一下讓你心癢不已的東西，比如這個被永久保存的可以彈奏的超炫電音吉他 LOGO。

Google 還有很多超炫的小把戲，比如：

1、搜索 let it snow，屏幕就會開始下雪，結成霧后還可以寫字(這個效果貌似已經沒有了，可能是春天來了的緣故)；

2、搜索 tilt，屏幕會傾斜；

3、搜索 do a barrel roll，屏幕會打個滾；

4、Google gravity，一切都下落摔碎了，怎么搜索？

三、HTML5游戲

和其他應用相比，也許游戲是最能牽動人心的了。事實上，很多經典游戲都有了 HTML5 網頁版了。

1、《割繩子》(Cut the Rope)網頁版

經典的切繩子游戲，現在有了網頁版了，據說在 IE9 下還有隱藏的額外幾關。

2、《寶石迷陣》(bejeweled) HTML5 在線版

經典的寶石迷陣游戲，有 SD 和 HD 兩個版本。

3、《命令與征服：泰伯利亞聯盟》(Command Conquer Tiberium Alliances)

EA 最近在《命令與征服》系列最新大作，目前正在內側。

四、Web App 的前景和 Native App 之爭

相比于 PC 版的 HTML5 應用，HTML5的手機應用更為豐富，也更為被人看好。想象一下，直接在手機瀏覽器上玩游戲，突破了 iOS 和不同 Andriod 版本的限制，跨平臺手機應用，多么誘人啊。

從全球范圍來說，目前 Web App 在商業應用的最大成功案例就是 Finance Time，短短的幾個月之內已經突破了百萬用戶，其表現能力已經和 Native App 的品質相當。

在國內，創新工場旗下的磊友也推出了首款基于 HMTL5 的移動平臺游戲《黎明帝國》，盡管還比較簡單，但也可以看出其廣泛的應用前景。

關于 Web App 和 Native App 究竟孰優孰劣的問題，前段時間爭論比較激烈，我比較贊同 Native App 和 Web App 之爭純屬扯淡(原文鏈接： Native vs Web Is Total Bullshit，譯文在這里)一文的說法，各有各自的優缺點，在今后的相當長一段時間里，應該是共同生存的。

總之，HTML5來襲，你準備好了嗎？
html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：HTML5實現的圖片無限加載的瀑布流效果另帶邊框圓

下一篇：HTML5基礎教程-HTML5中的標記方法