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