杂谈:HTML 5游戏的现在和将来

开发 前端
尽管还没有完工,不过HTM5已经被炒得沸沸扬扬,Google 不时的做一些基于HTML5的LOGO和演示让人心痒不已,一些经典游戏如Cut the rope和Bejeweled等都已经开发了基于HTML 5的网页版游戏,而在移动应用方面,Web App由于突破了传统Native App的环境和版本限制,无论是android还是iOS,只要浏览器支持,都可以使用。本文尝试闲聊一下HTML5尤其是HTML5游戏的现在和将来。

尽管还没有完工,不过HTM5已经被炒得沸沸扬扬,Google 不时的做一些基于HTML5的LOGO和演示让人心痒不已,一些经典游戏如Cut the rope和Bejeweled等都已经开发了基于HTML 5的网页版游戏,而在移动应用方面,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和Apple 同为推广HTML5的两大巨头,除了推出了专门推广HTML5的网站HTML5ROCKS之外,Google还有一个HTML5的演示站http://htmlfive.appspot.com/(需翻墙)。里面目前有12个演示(包括2个手机演示)。

 

 

除此之外,Google 还常常用HTML5炫出一下让你心痒不已的东西,比如这个被永久保存的可以弹奏的超炫电音吉他LOGO。

 

[[58435]]

编辑推荐:Google首页电吉他Doodle源代码 附下载

 

在这里弹奏她。此外,Google 还有很多超炫的小把戏,比如:

1.搜索let it snow,屏幕就会开始下雪,结成雾后还可以写字(这个效果貌似已经没有了,可能是春天来了的缘故);

2.搜索tilt,屏幕会倾斜;

3.搜索do a barrel roll,屏幕会打个滚;

4.Google gravity ,一切都下落摔碎了,怎么搜索?

三、HTML5游戏

和其他应用相比,也许游戏是最能牵动人心的了,事实上,很多经典游戏都有了HTML5网页版了。

1.切绳子(Cut the Rope)网页版

 

[[58436]]

 

经典的切绳子游戏,现在有了网页版了,据说在IE 9下有隐藏的额外几关,试玩地址在这里

2.宝石迷阵(bejeweled)HTML5在线版

 

[[58437]]

 

经典的宝石迷阵游戏,有SD和HD两个版本,在这里试玩。

3.命令与征服泰伯利亚联盟(Command & Conquer Tiberium Alliances)

 

[[58438]]

 

EA最近在《命令与征服》系列最新大作,目前正在内侧,官网在这里

四、Web App的前景和 Native App之争

相比于PC 版的HTML5应用,HTML5的手机应用更为丰富,也更为被人看好,想象一下,直接在手机浏览器上玩游戏,突破了iOS和不同Andriod版本的限制,跨平台手机应用,多么诱人啊。

 

[[58439]]

 

从全球范围来说,目前web app在商业应用的最大成功案例就是Finance Time的web apps,短短的几个月之内已经突破了百万用户,其表现能力已经和Native App的品质相当。

在国内,创新工场旗下的磊友也推出了首款基于HMTL5的移动平台游戏《黎明帝国》,尽管还比较简单,但也可以看出其广泛的应用前景。

关于Web App和Native App究竟孰优孰劣的问题,前段时间争论比较激烈,我比较赞同ative App和Web App之争纯属扯淡(原文链接:“Native vs Web” Is Total Bullshit,译文在这里)一文的说法,各有各自的优缺点,在今后的相当长一段时间里,应该是共同生存的。

总之,HTML5来袭,你准备好了吗?

原文:http://wangyueblog.com/2012/02/20/about-html-five/

【编辑推荐】

  1. Web App和Native App之争纯属扯淡
  2. HTML 5中的文件处理之FileAPI
  3. HTML 5开发:地理位置定位指南
  4. 一句代码实现HTML 5淘宝语音搜索
  5. 使用HTML 5和CSS3制作登录页面完整步骤
责任编辑:陈贻新 来源: 望月的博客
相关推荐

2010-10-27 13:54:47

2013-07-19 11:00:36

Hadoop

2010-02-04 18:46:54

2014-12-30 17:13:51

HTML5

2021-09-26 10:47:12

预训练模型GPT

2012-06-25 14:57:27

HTML5

2013-07-02 10:56:46

2012-05-09 09:41:58

HTML5

2012-05-10 09:45:14

HTML5

2011-12-21 09:38:31

HTML 5

2015-12-03 15:27:46

2015-12-03 10:47:49

2012-05-15 13:44:00

HTML5中国

2014-04-17 09:54:47

HTML5JavaScript

2012-03-02 09:59:06

HTML 5

2012-01-06 14:10:13

HTML 5

2012-05-15 10:35:35

HTML5

2012-06-06 14:46:52

HTML5

2011-06-09 15:30:31

HTML 5

2010-07-27 09:44:16

HTML 5
点赞
收藏

51CTO技术栈公众号