Google HTML 5訓(xùn)練營(yíng)第二期總結(jié)：電商、游戲與瀏覽器
原創(chuàng)關(guān)注HTML 5又身在北京的開(kāi)發(fā)者朋友們多半聽(tīng)說(shuō)過(guò)Google舉辦的HTML 5訓(xùn)練營(yíng)（即HTML 5 Hackthon）活動(dòng)。5月28日是北京地區(qū)第二期Google HTML 5訓(xùn)練營(yíng)活動(dòng)，這次活動(dòng)邀請(qǐng)到了淘寶前端開(kāi)發(fā)的大牛——李晶（拔赤）、MagnetJoy的CTO同時(shí)也是開(kāi)源輕量級(jí)HTML5游戲引擎的作者——杜歡，以及磊友科技的創(chuàng)始人兼CTO——趙霏進(jìn)行三場(chǎng)講座，在講座之后的四個(gè)小時(shí)的現(xiàn)場(chǎng)編程環(huán)節(jié)中誕生了五組作品。
活動(dòng)在雙清路邊的盒子咖啡館舉辦。
現(xiàn)場(chǎng)被分割為兩個(gè)分場(chǎng)，雖然燈光有些昏暗，但整體布局還是相當(dāng)有開(kāi)發(fā)的情調(diào)的：
當(dāng)天沒(méi)有到現(xiàn)場(chǎng)的朋友們，可以下載到當(dāng)天三位講師們的講座PPT，并在EnjoyHTML5官網(wǎng)上觀賞當(dāng)天出爐的作品：
- 淘寶的HTML5實(shí)踐 —— 淘寶UED 李晶(拔赤) 下載
- HTML5新技術(shù)在游戲中應(yīng)用思路 —— MagnetJoy Games 杜歡 下載
- 淺析HTML5手機(jī)瀏覽器設(shè)計(jì)和未來(lái) —— 磊友科技 趙霏 下載
下面簡(jiǎn)單的描述一下當(dāng)天的情況：
首先是拔赤的講座。身為淘寶前端，面對(duì)電子商城的用戶，所關(guān)注的***問(wèn)題就是如何照顧到所有的用戶；換言之，就是如何讓所有瀏覽器的用戶都能順利的訪問(wèn)自己設(shè)計(jì)的頁(yè)面。當(dāng)天拔赤的主題主要是這個(gè)：
有點(diǎn)隱晦，沒(méi)看懂嗎？再看看這個(gè)：
做前端開(kāi)發(fā)的朋友們看到這張圖應(yīng)該明白大半了。拔赤的講座主題正是：
以及
就開(kāi)發(fā)效率而言，一般團(tuán)隊(duì)會(huì)先在比較現(xiàn)代的瀏覽器下開(kāi)發(fā)，然后再針對(duì)那些非現(xiàn)代的瀏覽器進(jìn)行兼容開(kāi)發(fā)。根據(jù)拔赤的介紹，淘寶有0.1%的用戶在關(guān)閉了JS的IE6/7/8下訪問(wèn)頁(yè)面，這對(duì)于這個(gè)規(guī)模的電子商務(wù)網(wǎng)站而言是很可觀的人群，因此也一定要照顧到。
整個(gè)講座涉及到大量的HTML 5案例，主要內(nèi)容圍繞在HTML 5+CSS3的相應(yīng)功能如何在非現(xiàn)代瀏覽器下實(shí)現(xiàn)的問(wèn)題。對(duì)于門(mén)戶網(wǎng)站和電商網(wǎng)站的前端而言，拔赤的經(jīng)驗(yàn)分享相信會(huì)很實(shí)用。
拔赤之后是號(hào)稱愛(ài)游戲、會(huì)玩游戲、更會(huì)開(kāi)發(fā)游戲的、MagnetJoy的CTO，杜歡帶來(lái)的講座。講座內(nèi)容主要是很多游戲細(xì)節(jié)在瀏覽器中的實(shí)現(xiàn)，也玩了不少游戲：）
說(shuō)來(lái)這次活動(dòng)中也展現(xiàn)出HTML 5一個(gè)很有意思的現(xiàn)象，就是游戲開(kāi)發(fā)者和門(mén)戶、電商網(wǎng)站的前端對(duì)HTML 5的需求是非常不同的。iOS的崛起不僅讓Adobe頭疼不已，也使得不少Flash開(kāi)發(fā)者紛紛找尋新出路；而很多游戲開(kāi)發(fā)團(tuán)隊(duì)出于減少平臺(tái)移植成本的考慮，開(kāi)始將瀏覽器作為其游戲開(kāi)發(fā)的***平臺(tái)。
從杜歡的分享中可以聽(tīng)到一些很有意思的情況，比如在Chrome商店上玩游戲因?yàn)槟尘W(wǎng)絡(luò)問(wèn)題總是很糾結(jié)，再比如蘋(píng)果雖然不支持Flash，在一開(kāi)始一直聲稱要全力挺HTML 5，但實(shí)際上對(duì)HTML 5的態(tài)度卻很曖昧（因?yàn)锳pp Store的關(guān)系），等等。
后來(lái)編碼環(huán)節(jié)的幾個(gè)作品，基本上都是游戲（或和游戲有關(guān)的）。其實(shí)我們回顧個(gè)人電腦的發(fā)展，移動(dòng)平臺(tái)的發(fā)展，國(guó)內(nèi)外幾個(gè)大佬互聯(lián)網(wǎng)公司的發(fā)展，會(huì)發(fā)現(xiàn)游戲在其中占據(jù)了非常巨大的作用（更不用說(shuō)各個(gè)游戲平臺(tái)之間的爭(zhēng)奪，說(shuō)到底都是游戲軟件開(kāi)發(fā)者的爭(zhēng)奪）。HTML 5在游戲方面有著先天的優(yōu)勢(shì)：跨越所有設(shè)備和平臺(tái)。即使現(xiàn)在在標(biāo)準(zhǔn)方面和性能方面都不夠成熟，但相比玩不了Flash的iOS，玩不了iOS游戲的Android，玩不了Windows游戲的Linux，玩不了NDS游戲的PSP……HTML 5才有更光明的未來(lái)。
但是，硬傷也是有的。HTML 5主要針對(duì)鼠標(biāo)設(shè)計(jì)，無(wú)論對(duì)觸屏、鍵盤(pán)、專門(mén)的游戲手柄也好，都不是HTML 5的專長(zhǎng)。杜歡說(shuō)W3C雖然在醞釀一個(gè)針對(duì)觸屏的標(biāo)準(zhǔn)，但這個(gè)標(biāo)準(zhǔn)還是個(gè)草的不能再草的草案，估計(jì)在未來(lái)數(shù)年之間還無(wú)法進(jìn)入市場(chǎng)參與任何的競(jìng)爭(zhēng)。HTML 5的定位注定它不會(huì)有太好的游戲體驗(yàn)（尤其是Hardcore），作為開(kāi)發(fā)者一定要謹(jǐn)慎選擇。
第三個(gè)是磊友科技的創(chuàng)始人兼CTO趙霏的講座，主要介紹移動(dòng)終端瀏覽器開(kāi)發(fā)的內(nèi)容。
***拿拔赤的圖作為總結(jié)：
沿著HTML5的革命路線勝利前進(jìn)，但請(qǐng)小心使用！
