雜談：HTML 5游戲的現(xiàn)在和將來
盡管還沒有完工，不過HTM5已經(jīng)被炒得沸沸揚(yáng)揚(yáng)，Google 不時(shí)的做一些基于HTML5的LOGO和演示讓人心癢不已，一些經(jīng)典游戲如Cut the rope和Bejeweled等都已經(jīng)開發(fā)了基于HTML 5的網(wǎng)頁版游戲，而在移動(dòng)應(yīng)用方面，Web App由于突破了傳統(tǒng)Native App的環(huán)境和版本限制，無論是android還是iOS，只要瀏覽器支持，都可以使用。本文嘗試閑聊一下HTML5尤其是HTML5游戲的現(xiàn)在和將來。
一、什么是HTML5
建議在了解之前，先去維基百科一下。或者來聽聽知乎上薛天祿的解釋：
簡單來說，HTML5 是對(duì) HTML 標(biāo)準(zhǔn)的第五次修訂，目前仍未完工。其主要的目標(biāo)是將互聯(lián)網(wǎng)語義化，以便更好地被人類和機(jī)器閱讀，并同時(shí)提供更好地支持各種媒體的嵌入。HTML5 的語法是向后兼容的。
但論及 HTML5 時(shí)，大部分開發(fā)者所指的并不僅僅是這個(gè)新標(biāo)準(zhǔn)，而是(如 Jeremy Keith 說)“doing anything cool (on the web)”。做這些“酷”的東西需要用到的技術(shù)和標(biāo)準(zhǔn)，除了 HTML5 標(biāo)準(zhǔn)外，還包括 CSS3 的一些新屬性，以及一些新的 API。
好吧，如果這么多概念把你搞暈了，那么看看下面這張圖吧，猛擊圖片或者在這里見大圖。
是不是更加暈了呢?反正我是。
二、Google 的HTML5秀
Google和Apple 同為推廣HTML5的兩大巨頭，除了推出了專門推廣HTML5的網(wǎng)站HTML5ROCKS之外，Google還有一個(gè)HTML5的演示站http://htmlfive.appspot.com/(需翻墻)。里面目前有12個(gè)演示(包括2個(gè)手機(jī)演示)。
除此之外，Google 還常常用HTML5炫出一下讓你心癢不已的東西，比如這個(gè)被永久保存的可以彈奏的超炫電音吉他LOGO。
在這里彈奏她。此外，Google 還有很多超炫的小把戲，比如：
1.搜索let it snow，屏幕就會(huì)開始下雪，結(jié)成霧后還可以寫字(這個(gè)效果貌似已經(jīng)沒有了，可能是春天來了的緣故);
2.搜索tilt，屏幕會(huì)傾斜;
3.搜索do a barrel roll，屏幕會(huì)打個(gè)滾;
4.Google gravity ，一切都下落摔碎了，怎么搜索?
三、HTML5游戲
和其他應(yīng)用相比，也許游戲是最能牽動(dòng)人心的了，事實(shí)上，很多經(jīng)典游戲都有了HTML5網(wǎng)頁版了。
1.切繩子(Cut the Rope)網(wǎng)頁版
經(jīng)典的切繩子游戲，現(xiàn)在有了網(wǎng)頁版了，據(jù)說在IE 9下有隱藏的額外幾關(guān)，試玩地址在這里。
2.寶石迷陣(bejeweled)HTML5在線版
經(jīng)典的寶石迷陣游戲，有SD和HD兩個(gè)版本，在這里試玩。
3.命令與征服泰伯利亞聯(lián)盟(Command & Conquer Tiberium Alliances)
EA最近在《命令與征服》系列最新大作，目前正在內(nèi)側(cè)，官網(wǎng)在這里。
四、Web App的前景和 Native App之爭
相比于PC 版的HTML5應(yīng)用，HTML5的手機(jī)應(yīng)用更為豐富，也更為被人看好，想象一下，直接在手機(jī)瀏覽器上玩游戲，突破了iOS和不同Andriod版本的限制，跨平臺(tái)手機(jī)應(yīng)用，多么誘人啊。
從全球范圍來說，目前web app在商業(yè)應(yīng)用的最大成功案例就是Finance Time的web apps，短短的幾個(gè)月之內(nèi)已經(jīng)突破了百萬用戶，其表現(xiàn)能力已經(jīng)和Native App的品質(zhì)相當(dāng)。
在國內(nèi)，創(chuàng)新工場旗下的磊友也推出了首款基于HMTL5的移動(dòng)平臺(tái)游戲《黎明帝國》，盡管還比較簡單，但也可以看出其廣泛的應(yīng)用前景。
關(guān)于Web App和Native App究竟孰優(yōu)孰劣的問題，前段時(shí)間爭論比較激烈，我比較贊同ative App和Web App之爭純屬扯淡(原文鏈接：“Native vs Web” Is Total Bullshit，譯文在這里)一文的說法，各有各自的優(yōu)缺點(diǎn)，在今后的相當(dāng)長一段時(shí)間里，應(yīng)該是共同生存的。
總之，HTML5來襲，你準(zhǔn)備好了嗎?
原文：http://wangyueblog.com/2012/02/20/about-html-five/
【編輯推薦】
