建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > html/xhtml >

闲聊HTML5:HTML5游戏的现在和将来

时间:2012-03-04 13:47来源: 作者: 点击:
尽管还没有完工,不过 HTM5 已经被炒得沸沸扬扬。Google 不时做一些基于 HTML5 的 LOGO 和演示让人心痒不已,一些经典游戏如《割绳子》、《宝石迷阵》等都已经开发了基于 HTML5 的网页版游戏,而在移动应用方面,网络应用(Web App)由于突破了传统原生引用(Native App)的环境
尽管还没有完工,不过 HTM5 已经被炒得沸沸扬扬。Google 不时做一些基于 HTML5 的 LOGO 和演示让人心痒不已,一些经典游戏如《割绳子》、《宝石迷阵》等都已经开发了基于 HTML5 的网页版游戏,而在移动应用方面,网络应用(Web App)由于突破了传统原生引用(Native App)的环境和版本限制,无论是 Android 还是 iOS,只要浏览器支持都可以使用。

  本文就尝试闲聊一下 HTML5,尤其是 HTML5 游戏的现在和将来。

  一、什么是 HTML5

  建议在了解之前,先去维基百科一下。或者来听听知乎上薛天禄的解释:

  简单来说,HTML5是对 HTML 标准的第五次修订,目前仍未完工。其主要的目标是将互联网语义化,以便更好地被人类和机器阅读,并同时提供更好地支持各种媒体的嵌入。HTML5的语法是向下兼容的。

  但论及 HTML5 时,大部分开发者所指的并不仅仅是这个新标准,而是(如 Jeremy Keith 说的)“doing anything cool (on the web)”(在网上随意耍酷)。做这些“酷”的东西需要用到的技术和标准,除了 HTML5 标准外,还包括 CSS3 的一些新属性,以及一些新的 API。

icon

  好吧,如果这么多概念把你搞晕了,那么看看下面这张图吧



  是不是更加晕了呢?反正我是。

  二、Google 的 HTML5 秀

  Google 和苹果是推广 HTML5 的两大巨头。除了推出了专门推广 HTML5 的网站 HTML5ROCKS 之外,Google 还有一个 HTML5的演示站(需翻墙)。里面目前有 12 个演示,包括 2 个手机演示。

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



  Google 还有很多超炫的小把戏,比如:

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

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

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

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

  三、HTML5游戏

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

  1、《割绳子》(Cut the Rope)网页版

  经典的切绳子游戏,现在有了网页版了,据说在 IE9 下还有隐藏的额外几关。



  2、《宝石迷阵》(bejeweled) HTML5 在线版

  经典的宝石迷阵游戏,有 SD 和 HD 两个版本。


  3、《命令与征服:泰伯利亚联盟》(Command & Conquer Tiberium Alliances)

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


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

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



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

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

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

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

 

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片