不管是对用户还是开发者来说,HTML5和JavaScript游戏这几年的发展真的是件好事。随着浏览器平台的日趋成熟,并开始整合这类型游戏所 要求的技术,我们每天都能在各大应用商店和社交网站中看到越来越多HTML5游戏的出现,而一些大型工作室也开始关注这一领域,所以HTML5游戏的质量 也在逐渐上升。

HTML5和JavaScript更令人兴奋之处在于,这是一个充满潜力的游戏平台。的确,今天我们能够利用canvas元素创造出优秀的2D游 戏,并基于WebGL制作出具有华丽视觉效果的3D游戏。但是真正让我感兴趣的是那些即将问世的技术,如Gamepad API, Mouse Lock API以及Full Screen API。这些简单的技术能够推翻网页游戏必须嵌套于另一网站的错误理念。取而代之的是,如果你能够连接手柄控制器,并全屏运行HTML元素,玩家将从你的 网页游戏中感受到更具沉浸感的游戏体验,就像在掌机和电脑平台上的操作。

我将列出过去几年里我最喜欢的20款HTML5游戏(排名不分先后)。

1.《Robots Are People Too》

Robots Are People Too(from netmagazine)

独特的游戏玩法让这款游戏在充斥着众多山寨游戏和移植游戏的市场中脱颖而出。《Robots Are People Too》要求两名玩家在游戏中为了生存而相互协作,并在游戏中创新的多画面机制下进行游戏。毫无疑问,今后将会出现更多双人协作模式的游戏。该款游戏使用 HTML5 canvas创造图像。

2.《The Convergence》

the-convergence(from netmagazine)

与《Robots Are People Too》一样,《The Convergence》也要求玩家在游戏中进行协作。这是一款单人玩家游戏,但是玩家需要在游戏中同时控制两个角色,操纵着他们朝两个不同的方向前行, 并在他们心跳加速产生爱情时将其放置在一起。该款游戏使用HTML5 canvas创造图像。

3.《Runfield》

runfield(from netmagazine)

去年,火狐4正式发布,而《Runfield》便是为了凸显该浏览器的功能而创造的游戏。该游戏理念是,玩家需要控制游戏角色(游戏邦注:一只具有 超能力的狐狸)快速奔跑并跳过各个洞坑——这是一种紧张又能够让人上瘾的游戏机制(类似于《屋顶狂奔》)。Ilmari Heikkinen创造了游戏代码和华丽的图像。该款游戏使用HTML5 canvas创造图像。

4.《愤怒的小鸟》(Angry Birds)

angry-birds(from netmagazine)

《愤怒的小鸟》是一款基于物理机制的游戏,玩家需要在游戏中朝着建筑物和猪投掷沮丧的小鸟。游戏理念是玩家必须尽可能地摧毁建筑,从而最终杀死所有 讨厌的猪。最初这款游戏是出现在iOS平台上,而去年为推广Chrome Web Store和WebGL技术,《愤怒的小鸟》移植到HTML5平台上。该款游戏使用WebGL加速2D图像。

5.《余烬清风》(Emberwind)

emberwind(from netmagazine)

Opera最近致力开发《余烬清风》——这是一款从其他平台移植到HTML5平台的游戏。玩家需要在游戏中扮演一名身材矮小却天赋异禀的小矮人,他将坐在一只雪枭上穿梭于云层中,手持正义之杖与小魔怪及其它魔怪战斗。该款游戏使用WebGL加速2D图像。

6.《炮塔防御》(Fieldrunners)

fieldrunners(from netmagazine)

最近的另外一款iOS移植游戏便是《炮塔防御》,但是遗憾的是这款游戏只能运行于Chrome浏览器中。《炮塔防御》是一款传统的塔防游戏,玩家需要在游戏中安置炮台防御其它进攻的部队。该款游戏使用WebGL加速2D图像。

7.《Sumon》

sumon(from netmagazine)

这款游戏最让人着迷之处并不是游戏玩法,而是它使用CocoonJS框架自动将原版HTML5及JavaScript游戏移植到Android和 iOS应用。这是一个好迹象,因为这种框架也能够反过来使用,即你可以基于计算机语言,如C++开发游戏并将其移植到JavaScript平台上。该款游 戏使用HTML5 canvas创造图像。

8.《宝石迷阵》(Bejeweled)

宝石迷阵(from netmagazine)

PopCap的《宝石迷阵》HTML5版本是从专有平台移植到开放网络平台的典型例子。顺畅的游戏玩法和微妙的效果设置使这款游戏脱颖而出,并且我们能够一目了然地看出这是大公司所制作出来的游戏。该款游戏使用WebGL加速2D图像。

9.《Sketch Out》

sketch-out(from netmagazine)

在这20款游戏中就有两款来自Fantasy Interactive的游戏,其中之一就是《Sketch Out》。游戏理念是,玩家需要在防御导弹的同时想办法将其弹回敌人自己的领域。即玩家可以使用桨进行转向或者用鼠标画出屏蔽线。该款游戏使用HTML5 canvas创造图像。

10.《Onslaught! Arena》

Onslaught Arena(from netmagazine)

Lost Decade Games的《Onslaught! Arena》是一款基于自上而下视角的有趣的游戏,玩家需要控制一个持有HTML5盾牌的小人;游戏目标是不断射击进攻的敌人并尽可能地长久存活着。该款游戏使用HTML5 canvas创造图像。

11.《世界上最大的吃豆人》(World’s Biggest PAC-MAN)

worlds-biggest-pac-man(from netmagazine)

由Soap创造的《世界上最大的吃豆人》是一款永无止尽的“吃豆人”游戏。这款游戏最让人惊喜之处便是任何人都可以登录网页并创建自己的游戏关卡。该款游戏使用HTML5 canvas创造图像。

12.《WordSquared》

wordsquared(from netmagazine)

《WordSquared》是一款坚持永无止尽理念的游戏。该游戏是基于钻块的大型多人文字游戏(与《Scrabble》类似)。游戏起初创建于 Node Knockout的48小时编程竞赛,并且从那以后保持定期更新。该款游戏将Node.js作为服务器,并使用WebSockets进行实时通信。

13.《Canvas Rider》

canvas-rider(from netmagazine)

这是一款非常简单的游戏,玩家需要在游戏中控制骑着自行车的小小打击手,并保持平稳地一路前行。而这款游戏最让人惊叹之处便是所有游戏关卡都是由玩家自行设计并提交的,任何人都可以在此创造属于自己的游戏关卡。该款游戏使用HTML5 canvas创造图像。

14.《Sinuous》

sinuous(from netmagazine)

Hakim El Hattab因为特别的HTML5实验而备受关注,旗下的《Sinuous》自然也不例外。游戏的基本理念是玩家需要通过一片不断涌向自己(而且数量越来越多,速度越来越快)红斑。该款游戏使用HTML5 canvas创造图像。

15.《Canvas Defense》

canvas-defense(from netmagazine)

Fantasy Interactive的另一款游戏便是《Canvas Defense》。这也是一款让人上瘾的游戏,玩家需要在游戏中使用有限的武器防御敌人。该款游戏使用HTML5 canvas创造图像。

16.《Sinkhole》

sinkhole(from netmagazine)

《Sinkhole》是Shaun Inman在Ludum Dare大赛(游戏邦注:一个以推进个人游戏开发为目的的开发竞赛)中的参赛作品,并且这是一款非常讨人喜欢的游戏!其游戏理念是,玩家将扮演一个掉进污 水坑的小人,并且有一只手臂骨折了。他只拥有一个手电筒,几根火柴以及有限的电池,需要以此在黑暗中不断摸索想办法逃离这个污水坑。该款游戏使用 HTML5 canvas创造图像。

17.《导弹舰队》(Missile Fleet)

missile-fleet(from netmagazine)

Ilmari Heikkinen的《导弹舰队》是一款外观华丽的游戏,玩家需要在游戏中控制一组舰队,并使用舰船和有限的武器努力破坏不断靠近的敌人舰队。每一个关卡 将会出现不同的舰船和不同的武器,所以玩家将会面临不同的挑战——甚至可能出现非常困难的关卡!该款游戏使用HTML5 canvas创造图像。

18.《坦克世界》(Tankworld)

tankworld(from netmagazine)

这是一款3D游戏,玩家将在游戏中驾驶一辆坦克并朝任何敌人射击。玩家可以驾驶着坦克环绕3D地球这一机制更是为游戏增添了不少乐趣。甚至,玩家还 可以在游戏中创建自己的3D关卡,并让其他玩家也能够在自己创造的关卡中玩游戏。该款游戏使用HTML5 canvas创造图像。

19.《Z-Type》

z-type(from netmagazine)

Dominic Szablewski的《Z-Type》是一款有趣的键盘小游戏。游戏理念是,玩家需要尽快且正确地打出敌人头上所显示的单词,只有按正确顺序输入所有字 母,玩家才能够摧毁敌人。《Z-Type》在Mozilla Game On大赛中赢得了Community Choice奖项。该款游戏使用HTML5创造图像。

20.《Coil》

coil(from netmagazine)

《Coil》是Hakim El Hattab在这个列表中的另一款游戏。这是一款非常简单的游戏,玩家只要快速点击鼠标并包围许多点数即可。该款游戏使用HTML5 canvas创造图像。

游戏邦注:原文发表于2012年1月23日,所涉事件和数据均以当时为准。(本文为游戏邦/gamerboom.com编译,拒绝任何不保留版权的转载,如需转载请联系:游戏邦)

来源:http://gamerboom.com/archives/50300

盘点20款表现出众的HTML5游戏的更多相关文章

  1. 优秀工具推荐:两款很棒的 HTML5 游戏开发工具

    HTML5 众多强大特性让我们不需要多么高深技术就能创建好玩的网页游戏,同时证明了开放的 Web 技术能与任何其他在游戏开发中使用的技术竞争.正如标题所说,这篇文章推荐的几款很棒 HTML5 游戏开发 ...

  2. 20款响应式的 HTML5 网页模板【免费下载】

    下面的列表集合了20款响应式的 HTML5 网页模板,这些专业的模板能够让你的网站吸引很多的访客.除了好看的外观,HTML5 模板吸引大家的另一个原因是由于其响应性和流动性.赶紧来看看. 您可能感兴趣 ...

  3. 20款高质量的 HTML5 网站模板【免费下载】

    下面的列表集合了20款高质量的免费 HTML5 网站模板,这些专业的模板能够让你的网站吸引很多的访客.这些免费的 HTML5 模板虽然不是响应式的,不过都很实用.赶紧来看看. 您可能感兴趣的相关文章 ...

  4. 盘点20款主流应用FPS,最Skr帧率测试方法都在这里!

    ​​​无论是手机端还是PC端,画面的流畅度一直被用户视为衡量应用视觉体验的重要标准.用户往往通过主观感觉把视觉体验分为两种状态: 流畅视觉:行云流水,一气呵成: 非流畅视觉:“卡顿”.“抖动”.“迟钝 ...

  5. 推荐10款超级有趣的HTML5小游戏

    HTML5的发展速度比任何人的都想像都要更快.更加强大有效的和专业的解决方案已经被开发......甚至在游戏世界中!这里跟大家分享有10款超级趣味的HTML5游戏,希望大家能够喜欢! Kern Typ ...

  6. JS开发HTML5游戏《神奇的六边形》(一)

    近期出现一款魔性的消除类HTML5游戏<神奇的六边形>,今天我们一起来看看如何通过开源免费的青瓷引擎(www.zuoyouxi.com)来实现这款游戏. (点击图片可进入游戏体验) 因内容 ...

  7. JS开发HTML5游戏《神奇的六边形》(四)

    近期出现一款魔性的消除类HTML5游戏<神奇的六边形>,今天我们一起来看看如何通过开源免费的青瓷引擎(www.zuoyouxi.com)来实现这款游戏. (点击图片可进入游戏体验) 因内容 ...

  8. JS开发HTML5游戏《神奇的六边形》(三)

    近期出现一款魔性的消除类HTML5游戏<神奇的六边形>,今天我们一起来看看如何通过开源免费的青瓷引擎(www.zuoyouxi.com)来实现这款游戏. (点击图片可进入游戏体验) 因内容 ...

  9. JS开发HTML5游戏《神奇的六边形》(二)

    近期出现一款魔性的消除类HTML5游戏<神奇的六边形>,今天我们一起来看看如何通过开源免费的青瓷引擎(www.zuoyouxi.com)来实现这款游戏. (点击图片可进入游戏体验) 因内容 ...

随机推荐

  1. 【iOS之runtime、runloop】

    什么是runtime runtime就是运行时,是系统在运行时的一些动态机制,它是一套底层的API,我们平时编写的OC代码,最终会转换为runtime实现. runtime的作用 可以利用runtim ...

  2. js千分位转换

    var money = 1234567.55; var sMoney = money.toLocaleString(); console.info(sMoney); console.info(pars ...

  3. C#6.0语法糖

    using System; using static System.Math;//using static,仅仅引入类中的静态方法 namespace _6._0Syntax { class Prog ...

  4. ORACLE 物化视图

    最近几天,我负责的P项目环境中提供给W系统的一个视图,由于查询逻辑复杂,数据量比较大,导致每次查询视图的时候,查询速度慢,效率低下,遭到了w系统人员的投诉.想了想,还是改成物化视图吧,用了物化视图,腰 ...

  5. DHTML【2】--HTML

    通过题目,大家已经明确知道,从这一节开始介绍DHTML中的最基础的部分HTML,对于HTML等概念上一节已经做了概述,这一节不再赘余.在学习HTML之前,先告诉大家一个好消息,HTML不难,比C++. ...

  6. android环境搭配 运行android sdk manager时出现错误问题解决

    本来前几天已经搭配好android环境开发(eclipse+android sdk+jdk),也已经运行成功了.但是最近因为出现了一些问题,所以把前面搭配好的环境都卸载了.重新搭配的时候发现在运行 s ...

  7. Android再学习-20141022-Activity的生命周期

    20141022-Android再学习 如何在一个应用程序当中定义多个Activity 定义一个类,继承Activity 在该类当中,复写Activity当中的onCreate方法.onCreate( ...

  8. Java学习笔记--Collection和Collections的区别

    转自 http://pengcqu.iteye.com/blog/492196 比较Collection 和Collections的区别.   1.java.util.Collection 是一个集合 ...

  9. .net core3

  10. Ubuntu下Vim 如何进入全屏编辑模式

    如题:F11进入全屏编辑模式,再按F11则退出全屏编辑模式.