DIV CSS 佈局教程網

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

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

　　一、什麼是 HTML5

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

　　簡單來說，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來襲，你准備好了嗎？