html5中文学习网

您的位置: 首页 > html5游戏 » 正文

收藏20款表现出众的HTML5游戏

[ ] 已经帮助:人解决问题

作者:Rob HawkesGGnHTML5中文学习网 - HTML5先行者学习网

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

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

我将列出过去几年里我最喜欢的20款HTML5游戏(排名不分先后)。GGnHTML5中文学习网 - HTML5先行者学习网

1.《Robots Are People Too》GGnHTML5中文学习网 - HTML5先行者学习网

Robots Are People Too(from netmagazine)

Robots Are People Too(from netmagazine)GGnHTML5中文学习网 - HTML5先行者学习网

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

2.《The Convergence》GGnHTML5中文学习网 - HTML5先行者学习网

the-convergence(from netmagazine)

the-convergence(from netmagazine)GGnHTML5中文学习网 - HTML5先行者学习网

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

3.《Runfield》GGnHTML5中文学习网 - HTML5先行者学习网

runfield(from netmagazine)

runfield(from netmagazine)GGnHTML5中文学习网 - HTML5先行者学习网

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

4.《愤怒的小鸟》(Angry Birds)GGnHTML5中文学习网 - HTML5先行者学习网

angry-birds(from netmagazine)

angry-birds(from netmagazine)GGnHTML5中文学习网 - HTML5先行者学习网

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

5.《余烬清风》(Emberwind)GGnHTML5中文学习网 - HTML5先行者学习网

emberwind(from netmagazine)

emberwind(from netmagazine)GGnHTML5中文学习网 - HTML5先行者学习网

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

6.《炮塔防御》(Fieldrunners)GGnHTML5中文学习网 - HTML5先行者学习网

fieldrunners(from netmagazine)

fieldrunners(from netmagazine)GGnHTML5中文学习网 - HTML5先行者学习网

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

7.《Sumon》GGnHTML5中文学习网 - HTML5先行者学习网

sumon(from netmagazine)

sumon(from netmagazine)GGnHTML5中文学习网 - HTML5先行者学习网

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

8.《宝石迷阵》(Bejeweled)GGnHTML5中文学习网 - HTML5先行者学习网

宝石迷阵(from netmagazine)

宝石迷阵(from netmagazine)GGnHTML5中文学习网 - HTML5先行者学习网

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

9.《Sketch Out》GGnHTML5中文学习网 - HTML5先行者学习网

sketch-out(from netmagazine)

sketch-out(from netmagazine)GGnHTML5中文学习网 - HTML5先行者学习网

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

10.《Onslaught! Arena》GGnHTML5中文学习网 - HTML5先行者学习网

Onslaught Arena(from netmagazine)

Onslaught Arena(from netmagazine)GGnHTML5中文学习网 - HTML5先行者学习网

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

11.《世界上最大的吃豆人》(World’s Biggest PAC-MAN)GGnHTML5中文学习网 - HTML5先行者学习网

worlds-biggest-pac-man(from netmagazine)

worlds-biggest-pac-man(from netmagazine)GGnHTML5中文学习网 - HTML5先行者学习网

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

12.《WordSquared》GGnHTML5中文学习网 - HTML5先行者学习网

wordsquared(from netmagazine)

wordsquared(from netmagazine)GGnHTML5中文学习网 - HTML5先行者学习网

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

13.《Canvas Rider》GGnHTML5中文学习网 - HTML5先行者学习网

canvas-rider(from netmagazine)

canvas-rider(from netmagazine)GGnHTML5中文学习网 - HTML5先行者学习网

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

14.《Sinuous》GGnHTML5中文学习网 - HTML5先行者学习网

sinuous(from netmagazine)

sinuous(from netmagazine)GGnHTML5中文学习网 - HTML5先行者学习网

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

15.《Canvas Defense》GGnHTML5中文学习网 - HTML5先行者学习网

canvas-defense(from netmagazine)

canvas-defense(from netmagazine)GGnHTML5中文学习网 - HTML5先行者学习网

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

16.《Sinkhole》GGnHTML5中文学习网 - HTML5先行者学习网

sinkhole(from netmagazine)

sinkhole(from netmagazine)GGnHTML5中文学习网 - HTML5先行者学习网

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

17.《导弹舰队》(Missile Fleet)GGnHTML5中文学习网 - HTML5先行者学习网

missile-fleet(from netmagazine)

missile-fleet(from netmagazine)GGnHTML5中文学习网 - HTML5先行者学习网

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

18.《坦克世界》(Tankworld)GGnHTML5中文学习网 - HTML5先行者学习网

tankworld(from netmagazine)

tankworld(from netmagazine)GGnHTML5中文学习网 - HTML5先行者学习网

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

19.《Z-Type》GGnHTML5中文学习网 - HTML5先行者学习网

z-type(from netmagazine)

z-type(from netmagazine)GGnHTML5中文学习网 - HTML5先行者学习网

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

20.《Coil》GGnHTML5中文学习网 - HTML5先行者学习网

coil(from netmagazine)

coil(from netmagazine)GGnHTML5中文学习网 - HTML5先行者学习网

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

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

 GGnHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助