HTML5杂谈

     <p>        尽管还没有完工，不过 HTM5 已经被炒得沸沸扬扬。Google 不时做一些基于 HTML5 的 LOGO 和演示让人心痒不已，一些经典游戏如《割绳子》、《宝石迷阵》等都已经开发了基于 HTML5 的网页版游戏，而在移动应用方面，网络应用(Web App)由于突破了传统原生引用(Native App)的环境和版本限制，无论是 Android 还是 iOS，只要浏览器支持都可以使用。</p>    <p>        本文就尝试闲聊一下 HTML5，尤其是 HTML5 游戏的现在和将来。</p>    <p>        <strong>一、什么是 HTML5</strong></p>    <p>        建议在了解之前，先去维基百科一下。或者来听听<a href="/misc/goto?guid=4958330558718756421" target="_blank">知乎上薛天禄的解释</a>：</p>    <p>        简单来说，HTML5是对 HTML 标准的第五次修订，目前仍未完工。其主要的目标是将互联网语义化，以便更好地被人类和机器阅读，并同时提供更好地支持各种媒体的嵌入。HTML5的语法是向下兼容的。</p>    <p>        但论及 HTML5 时，大部分开发者所指的并不仅仅是这个新标准，而是(如 Jeremy Keith 说的)“doing anything cool (on the web)”(在网上随意耍酷)。做这些“酷”的东西需要用到的技术和标准，除了 HTML5 标准外，还包括 CSS3 的一些新属性，以及一些新的 API。 </p>    <p style="text-align:center;"><img alt="HTML5杂谈" src="https://simg.open-open.com/show/0cf136e0ea1455033c3c9f14c1d65298.jpg" width="500" height="394" /></p>    <p>        好吧，如果这么多概念把你搞晕了，那么看看下面这张图吧，猛击图片见大图。</p>    <p align="center"><a target="_blank"><img alt="HTML5杂谈" src="https://simg.open-open.com/show/fa254fb71ea307ab602f4db04834b1e1.jpg" width="550" height="601" /></a></p>    <p>        是不是更加晕了呢？反正我是。</p>    <p>        <strong>二、Google 的 HTML5 秀</strong></p>    <p>        Google 和苹果是推广 HTML5 的两大巨头。除了推出了专门推广 HTML5 的网站 <a href="/misc/goto?guid=4958330559524614204" target="_blank">HTML5ROCKS</a> 之外，Google 还有一个 <a href="/misc/goto?guid=4958330560309980894" target="_blank">HTML5的演示站</a>(需KX上网)。里面目前有 12 个演示，包括 2 个手机演示。</p>    <p>        除此之外，Google 还常常用 HTML5 炫出一下让你心痒不已的东西，比如这个被永久保存的可以弹奏的超炫电音吉他 LOGO。 </p>    <p style="text-align:center;"><img alt="HTML5杂谈" src="https://simg.open-open.com/show/4c6058307ac4e1258178854d12e927e3.jpg" width="500" height="212" /></p>    <p>        Google 还有很多超炫的小把戏，比如：</p>    <p>        1、搜索 let it snow，屏幕就会开始下雪，结成雾后还可以写字(这个效果貌似已经没有了，可能是春天来了的缘故)；</p>    <p>        2、搜索 tilt，屏幕会倾斜；</p>    <p>        3、搜索 do a barrel roll，屏幕会打个滚；</p>    <p>        4、Google gravity，一切都下落摔碎了，怎么搜索？</p>    <p>        <strong>三、HTML5游戏</strong></p>    <p>        和其他应用相比，也许游戏是最能牵动人心的了。事实上，很多经典游戏都有了 HTML5 网页版了。</p>    <p>        <strong>1、《割绳子》(Cut the Rope)网页版</strong></p>    <p>        经典的切绳子游戏，现在有了网页版了，据说在 IE9 下还有隐藏的额外几关。<a href="/misc/goto?guid=4958325065288099232" target="_blank">试玩地址在这里</a>。 </p>    <p style="text-align:center;"><img alt="HTML5杂谈" src="https://simg.open-open.com/show/f8542c602747a0aa99e2a9472313650a.jpg" width="462" height="310" /></p>    <p>        <strong>2、《宝石迷阵》(bejeweled) HTML5 在线版</strong></p>    <p>        经典的宝石迷阵游戏，有 SD 和 HD 两个版本。<a href="/misc/goto?guid=4958330561831662139" target="_blank">在这里试玩</a>。 </p>    <p style="text-align:center;"><img alt="HTML5杂谈" src="https://simg.open-open.com/show/a2167accb0654f593130aef32cff5cc9.jpg" width="500" height="285" /></p>    <p>        3<strong>、《命令与征服：泰伯利亚联盟》(Command & Conquer Tiberium Alliances)</strong></p>    <p>        EA 最近在《命令与征服》系列最新大作，目前正在内侧。<a href="/misc/goto?guid=4958330562625329228" target="_blank">官网在这里</a>。 </p>    <p style="text-align:center;"><img alt="HTML5杂谈" src="https://simg.open-open.com/show/d142ac863b5587c56c49cef5698ead57.jpg" width="450" height="336" /></p>    <p>        <strong>四、Web App 的前景和 Native App 之争</strong></p>    <p>        相比于 PC 版的 HTML5 应用，HTML5的手机应用更为丰富，也更为被人看好。想象一下，直接在手机浏览器上玩游戏，突破了 iOS 和不同 Andriod 版本的限制，跨平台手机应用，多么诱人啊。</p>    <p style="text-align:center;"><img alt="HTML5杂谈" src="https://simg.open-open.com/show/5adef4fb36c157a4dd17467a907c53c5.jpg" width="500" height="396" /></p>    <p>        从全球范围来说，目前 Web App 在商业应用的最大成功案例就是 Finance Time，短短的几个月之内已经突破了百万用户，其表现能力已经和 Native App 的品质相当。</p>    <p>        在国内，创新工场旗下的磊友也推出了首款基于 HMTL5 的移动平台游戏《黎明帝国》，尽管还比较简单，但也可以看出其广泛的应用前景。</p>    <p>        关于 Web App 和 Native App 究竟孰优孰劣的问题，前段时间争论比较激烈，我比较赞同 Native App 和 Web App 之争纯属扯淡(原文链接：“<a href="/misc/goto?guid=4958330563416161493" target="_blank">Native vs Web” Is Total Bullshit</a>，<a href="/misc/goto?guid=4958330564194490103" target="_blank">译文在这里</a>)一文的说法，各有各自的优缺点，在今后的相当长一段时间里，应该是共同生存的。</p>    <p>        总之，HTML5来袭，你准备好了吗？<br /> 来自: <a id="link_source2" href="/misc/goto?guid=4958330564980918755" target="_blank">www.leiphone.com</a></p>