国外10款开源的Html5小游戏

The great thing about HTML5 games is that they run on all modern browsers that include browsers on smartphones such as iPhone, and Windows Phone. Having a look at Open Source HTML5 games is a good way to explore different possibilities and learn how to develop one of your own.

In this post we are going to list 10 Open Source HTML5 games which are inspired from other popular titles and gameplays like Tetris, Pacman, Asteroids and even Flappy Bird. All these games are built with HTML5 and javascript. You can find a link to play these game online along with the source code. We have included a few multi-player HTML5 games too at the end. Have Fun as well as Get Inspired!

1. 2048 Game

The game that became a craze on almost all platforms, 2048 is open source and available on Github. The game is developed by Gabriele Cirulli and is actually a clone of other similar type games. But that didn’t stop it from becoming a success on app stores and many developers finding it easier to clone and publish it in various forms. The gameplay is quite simple where you have to slide tiles of different numbers forming a bigger number until you reach the number 2048.
Play 2048 Game 2048 Game Source Code

2. Clumsy Bird

Remember Flappy Bird? The game that took the app stores by storm and made everyone wonder how can such a simple yet hard to play game be so addictive? Well, now you can find the source code of its clone made in HTML5 and called Clumsy Bird. This game is developed by Ellison Leão and he has made an easy customizing guide also available for his game, in case you get inspired to clone this clone.

Play Clumsy Bird Clumsy Bird Source Code

3. Hextris

Hextris is a fast paced puzzle game developed by Garrett Finucane and Logan Engstrom. As the name suggests, this game is like playing Tetris on a Hexagonal plane. Apart from playing this game online, you can also find it in Android and iOS store.
Play Hextris Hextris Source Code

4. HTML5 Pacman

This a HTML5 clone of the original Pacman game. Developer Dale Harvey has also shared his experience and issues faced while developing this game which you can read here.

Play HTML5 Packman HTML5 Packman Source Code

5. Astray

Astray is a WebGL maze game built with Three.js and Box2dWeb. Developed by Rye Terrell, this game is a nice demo of 3D capabilities in HTML5 games. If you want an even richer experience of a 3D HTML5 game, you can look forward to Assasin Creed Pirates.

Play Astray Astray Source Code

6. Canvas Tetris

You can easily guess that Canvas Tetris is a clone of Tetris and implemented in HTML5 canvas. This game was developed by Dionysis Zindros in just 45 minutes.

Play Canvas Tetris Canvas Tetris Source Code

7. Agent 8 ball

Agent 8 ball is a fun HTML5 pool game with bombs. Developed by Pixel Lab, Agent 8 ball is quite a polished game.

Play Agent 8 ball Agent 8 ball Source Code

Multi-Player Open Source HTML5 Games

1. mk.js

mk.js is a simple Mortal Kombat clone created with HTML5 canvas and JavaScript by Minko Gechev. It allows 2 players on single computer as well as playing over the network (requires installing a server).

Play mk.js mk.js Source Code

2. Shootr

Shootr is a multiplayer spaceship game developed by N. Taylor Mullen. It is built using SignalR and EndGate

Play Shootr Shootr Source Code

3. Browser Quest

BrowserQuest by Mozilla Foundation is a tribute to classic video-games with a multiplayer twist. It is a role playing multiplayer adventure game powered by HTML5 and Web Sockets.

Play Browser Quest Browser Quest Source Code

A word of caution before you start downloading source code of these Open Source HTML5 games. Please always make sure to read the license associated with the Open Source Project. Just because the source code is open, doesn’t necessarily mean that you can freely use or distribute the code or derivatives of it as your own. Some licenses are open and allow any kind of use however not all are like that. Do let the author know in case you decide to use any of their work as a start for your next project.

Which one of these HTML5 games do you like the most? If you have done any HTML5 game development of your own then do link to them in comments. If not then, we recommend using a HTML5 game framework like Phaser or a HTML5 game development tool such as Construct 2 for you to start developing your own HTML5 games.