关注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赵霏的讲座,主要介绍移动终端浏览器开发的内容。
***拿拔赤的图作为总结: