国外10款开源的HTML 5小游戏

HTML 5游戏的伟大之处在于,它们可以在所有现代浏览器上运行,包括iPhone和WindowsPhone等智能手机上的浏览器。看看开源HTML 5游戏是探索不同可能性和学习如何开发自己的游戏的好方法。

在这篇文章中,我们将列出10款开源HTML 5游戏,它们的灵感来源于其他流行的游戏,如俄罗斯方块、帕克曼、小行星,甚至还有飞鸟。所有这些游戏都是用HTML 5和javascript构建的。您可以找到一个链接,以在线玩这些游戏连同源代码。我们已经包括了一些多人HTML 5游戏也在最后。有乐趣,也有灵感!

1.2048游戏

在这里插入图片描述
这款游戏在几乎所有平台上都很流行,2048年是开源的,可以在Gizub上使用。这款游戏是由加布里埃尔·西卢利开发的,实际上是对其他类似类型游戏的克隆。但这并没有阻止它在应用程序商店中取得成功,许多开发人员发现以各种形式复制和发布它更容易。游戏很简单,你必须滑动不同数字的瓷砖,形成一个更大的数字,直到你到达号码2048。
https://play2048.co/

2.笨拙的鸟

在这里插入图片描述

还记得飞鸟吗?这款让应用商店暴跳如雷的游戏让每个人都在想,这么简单却很难玩的游戏怎么会如此令人上瘾呢?好吧,现在你可以找到它的克隆人的源代码,它是用HTML 5制作的,叫做“笨拙鸟”。这个游戏是由埃里森·莱昂开发的,他还为他的游戏提供了一个简单的定制指南,以防你被启发克隆这个克隆人。
http://ellisonleao.github.io/clumsy-bird/

3.黑塞人

在这里插入图片描述
黑塞是一款快节奏的益智游戏,由Garrett Finucane和Logan Engstrom开发。顾名思义,这个游戏就像在六角形平面上玩俄罗斯方块一样。除了在网上玩这个游戏,你还可以在Android和iOS商店找到它。
https://hextris.io/

4.HTML 5 Pacman

在这里插入图片描述

这是HTML 5克隆的最初的Pacman游戏。开发者戴尔哈维也分享了他的经验和面临的问题,在开发这个游戏,你可以在这里阅读。
https://arandomurl.com/2010/07/25/html5-pacman.html

5.误入歧途

在这里插入图片描述
“迷途”是一个WebGL迷宫游戏,由Three.js和Box2dWeb构建。由Rye Terrell开发,这个游戏是HTML 5游戏中3D功能的一个很好的演示。如果你想要一个更加丰富的3D HTML 5游戏,你可以期待阿萨辛克里德海盗。
https://github.com/wwwtyro/Astray

6.画布俄罗斯方块

在这里插入图片描述
您可以很容易地猜到,画布俄罗斯方块是俄罗斯方块的克隆,并在HTML 5画布中实现。这个游戏是由DionysisZindros开发的,只用了45分钟。
http://dionyziz.logimus.com/tetris/

7.8号代理人

在这里插入图片描述
特工8球是一个有趣的HTML 5游泳池游戏与炸弹。由Pixel实验室开发,代理8球是一个相当完美的游戏。
https://github.com/thinkpixellab/agent8ball

多人开源HTML 5小游戏

1.mk.js

在这里插入图片描述
Mk.js是由MinkoGechev用HTML 5画布和JavaScript创建的一个简单的MortalKombat克隆。它允许在单机上播放两台播放器,也可以在网络上播放(需要安装一台服务器)。
https://github.com/mgechev/mk.js

2.射击

在这里插入图片描述
Shootr是由N.Taylor Mullen开发的一款多人太空船游戏。它是使用SignalR和EndGate构建的。
https://github.com/NTaylorMullen/ShootR

3.浏览器查询

在这里插入图片描述
Mozilla基金会的BrowserQuest是对经典视频游戏的致敬,带有多人游戏的特点。这是一个角色扮演多人冒险游戏由HTML 5和网络套接字驱动。

http://browserquest.mozilla.org/

在开始下载这些开源HTML 5游戏的源代码之前,请注意一下。请始终确保阅读与开放源码项目相关的许可证。仅仅因为源代码是开放的,
并不一定意味着您可以自由地使用或分发它的代码或衍生工具作为您自己的代码。有些许可证是开放的,允许任何形式的使用,但是并不是所有的许可证都是这样的。
如果你决定用他们的作品作为下一个项目的开始,一定要让作者知道。

你最喜欢哪一款HTML 5游戏?如果你已经做了任何HTML 5游戏开发你自己,然后做链接到他们的评论。如果没有,我们建议使用HTML 5游戏框架,比如Phaser,或者HTML 5游戏开发工具,比如构造2,让您开始开发自己的HTML 5游戏。

  • 1
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值