閑聊HTML5：HTML5游戲的現(xiàn)在和將來

2020-03-24 18:46:59

字體：大中小

供稿：網(wǎng)友

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

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

一、什么是 HTML5

建議在了解之前，先去維基百科一下。或者來聽聽知乎上薛天祿的解釋：

簡單來說，HTML5是對 HTML 標準的第五次修訂，目前仍未完工。其主要的目標是將互聯(lián)網(wǎng)語義化，以便更好地被人類和機器閱讀，并同時提供更好地支持各種媒體的嵌入。HTML5的語法是向下兼容的。

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

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

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

二、Google 的 HTML5 秀

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

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

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

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

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

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

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

三、HTML5游戲

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

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

經(jīng)典的切繩子游戲，現(xiàn)在有了網(wǎng)頁版了，據(jù)說在 IE9 下還有隱藏的額外幾關(guān)。

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

經(jīng)典的寶石迷陣游戲，有 SD 和 HD 兩個版本。

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

EA 最近在《命令與征服》系列最新大作，目前正在內(nèi)側(cè)。

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

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

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

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

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

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

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

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

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