尽管还没有完工,不过 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。

  好吧,如果这么多概念把你搞晕了,那么看看下面这张图吧,猛击图片见大图。

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

  二、Google 的 HTML5 秀

  Google 和苹果是推广 HTML5 的两大巨头。除了推出了专门推广 HTML5 的网站 HTML5ROCKS 之外,Google 还有一个 HTML5的演示站(需FQ)。里面目前有 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来袭,你准备好了吗?

来自: http://www.leiphone.com/about-html5.html

【转】HTML5杂谈 概念与现行游戏 割绳子 宝石迷阵相关推荐

  1. 【Unity3D开发小游戏】《宝石迷阵游戏》Unity开发教程

    文章目录 一.前言 二.资源下载 三.正文 1.摄像机调整 2.宝石 3.网格 4.gemAt函数 5.生成宝石 6.使宝石下落 7.寻找匹配 8.解决匹配 9.宝石选择 10.交换宝石 11.摘要 ...

  2. html5游戏割绳子源码,HTML5 网页版割绳子(Cut the Rope)游戏

    Cut the Rope 是移动设备上的一款小游戏,十分招人喜欢.微软联合 Cut the Rope 团队将这个小游戏制成了网页版 Cut the Rope(割绳子),使用 HTML5 与 JavaS ...

  3. linux内核动画,8个炫酷的HTML5动画、应用和游戏

    导读 随着Web技术的不断发展,呈现在我们眼前的Web页面不仅有着越来越丰富的网页元素,而且网页之间的交互也越来越炫酷了.很多开发者已经利用HTML5开发了不少HTML5动画.应用和游戏,本文也主要分 ...

  4. HTML5期末大作业:游戏网页网站设计——CCG-游戏网页介绍(6页)高质量 HTML+CSS+JavaScript

    HTML5期末大作业:游戏网页网站设计--CCG-游戏网页介绍(6页)高质量 HTML+CSS+JavaScript 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电 ...

  5. HTML5期末大作业:游戏网站——网络游戏官网(悦世界) 6个页面 HTML+CSS+JavaScript ~ ~ 学生HTML个人网页作业作品下载...

    HTML5期末大作业:游戏网站--网络游戏官网(悦世界) 6个页面 HTML+CSS+JavaScript ~ ~ 学生HTML个人网页作业作品下载 临近期末, 你还在为HTML网页设计结课作业,老师 ...

  6. 基于HTML5canvars的小游戏,利用HTML5实现Canvas激流勇进小游戏代码

    特效描述:利用HTML5实现 Canvas 激流勇进 小游戏代码.利用HTML5实现Canvas激流勇进小游戏代码 代码结构 1. 引入JS 2. HTML代码 进入游戏 游戏玩法:使用左键.右键和上 ...

  7. HTML5的10款经典游戏

    1.HTML5版切水果游戏 HTML5游戏极品 这是一款由百度JS小组提供的HTML5版切水果游戏,记得切水果游戏当年非常火,今天我找到了一款基于HTML5实现的网页版切水果游戏.虽然和原版的切水果游 ...

  8. js HTML5 网页版植物大战僵尸游戏

    js HTML5 网页版植物大战僵尸游戏 源于:http://www.huiyi8.com/moban/ 植物大战僵尸Javascript版 HTML5模版 body{-moz-user-select ...

  9. HTML5期末大作业:游戏网页设计——穿越火线6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计

    HTML5期末大作业:游戏网页设计--穿越火线6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计 HTML+CSS+JavaScript(毕业设计) 常见网页设计作业题材有 个 ...

最新文章

  1. Sentinel 高可用流量管理框架
  2. 机器学习中的7种数据偏见
  3. github用相对路径显示图片_url-图像未显示在GitHub的README.md中
  4. [云炬创业管理笔记]第三章测试5
  5. Redis cluster原理
  6. Hadoop RPC实例
  7. python 死循环程序能占满cpu吗_运行tensorflow python程序,限制对GPU和CPU的占用操作...
  8. Reboot运维开发Python-03
  9. 如何在 MacBook 上使用低电量模式和高电量模式?
  10. VS2010/MFC编程入门之二十六(常用控件:滚动条控件Scroll Bar)
  11. 飞翔(风吹)的flash文字
  12. Java的ActiveX控件_注册ActiveX控件的几种方法 - 镜花水月 - JavaEye技术网站
  13. MATLAB中矩阵求和的方法
  14. 蜀山剑侠传-----第二十回
  15. 关于思源笔记与docker的部分问题
  16. Gartner:数字伦理登上Gartner 2021年隐私技术成熟度曲线期望膨胀期顶点
  17. Ubuntu 10.10 无线网络已经禁用” “wiress is disabled” 解决方法
  18. 14 Java集合(集合框架+泛型+ArrayList类+LinkedList类+Vector类+HashSet类等)
  19. subscription-manager repos --enable <repo>
  20. eclipse安装EMF插件

热门文章

  1. Eclipse利用正则表达式快速去掉注释的方法
  2. MyCat 数据库分片极简体验
  3. python 图像的拉普拉斯变换中的数值问题_数字图像处理(第十章)
  4. ShardingSphere Raw JDBC 主从示例
  5. outset边框html,CSS3 border-image-outset属性怎么用?
  6. ACM-ICPC 2018 南京赛区网络预赛 B. The writing on the wall
  7. RabbitMQ服务的安装与使用
  8. MySQL--timestamp类型字段的CURRENT_TIMESTAMP与ON UPDATE CURRENT_TIMESTAMP属性
  9. networkx中求解平均度_CFD理论|Reynolds平均法(RANS)
  10. IPLATUI----Grid校验