The great thing about HTML5 games is that they run on all modern browsers. You can play these games on modern browsers such as Chrome and Firefox on desktop as well as on devices such as iPhone and Android. 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.
1. 2048 Game
The game that became a craze on almost all platforms, 2048 is open source and available on Github under MIT license. 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 game-play is quite simple where you have to slide tiles of different numbers forming a bigger number until you reach the number 2048. A Vue.js version of this game is also available at GitHub.
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, using MelonJS and is named 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.
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. The source code of this game is licensed under GPL v3 license.
4. Pacman in HTML5 Canvas
This an HTML5 clone of the original Pacman game. This game is developed by Chregi, a developer from Switzerland and the source code is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
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. You can watch the making of this game on YouTube. This game’s source code is licensed under MIT license.
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 built with kbuild and licensed under MIT license. Unfortunately the playable link of this game is broken. You can still download the source code and see the game logic.
8. Tic Tac Toe
This is a web version of the popular tic-tac-toe game and has been built using Vue.js by Tim Rijkse. You can see the source code as well as play the game on CodePen, find the links below.
This is a web based logic puzzle game built by Martin Kool. The game’s source code is licensed under MIT license and you can download and play the game on iOS, Android as well as on Windows and Windows Phone. The original game source code is unavailable, hence we have linked to its fork.
Multi-Player Open Source HTML5 Games
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. Unfortunately, Mozilla is no longer hosting this game live.
This is a multiplayer online chess game built with Vue.js and Node.js. It also utilizes Socket.IO, Mongodb and Express for its server logic and multiplayer capabilities. The game is developed by Gustavo Crespo Sanchez. Unfortunately, we don’t have a URL for a live version of this game but you can follow the developer’s instruction to download the source code and run the game locally on your machine.
5. Freeciv Web
Freeciv is an Open Source turn based strategy game implemented in HTML5 and WebGL. This game can be played online against other players, or in single player mode against AI opponents. There is both an HTML5 2D version with isometric graphics and a 3D WebGL version of Freeciv-web. The game’s source code is licensed under GNU Affero General Public License v3.0.
A word of caution before you start downloading source code of Open Source HTML5 games listed above:
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.
Full Game Source with Game Assets (Premium)
If you are looking for full game source code along with assets that allow you to easily use the code in your own game then take a look at our list below. These games are made available by their author as premium item and they allow you license to use not only the game’s code but the entire project to build and publish your own game. What’s more, you will also get support from the author of these games in case you are stuck publishing the game on your own. Links are affiliate.
1. Master Chess – HTML5 Board Game
Master Chess is a HTML5 Board Game which brings a stylish version of the classic Chess Game in your browser. It offers two game mode where you can play against the computer or challenge a friend for playing locally.
It offers a ZIP package containing the full game source code with assets built for 1920×1080 resolution. The game scales to fit a full device oriented screen. The game is completely customizable and compatible with all modern browsers.
2. Wheel of Fortune – HTML5 Casino Game
Wheel of Fortune is a HTML5 game that features a wheel of fortune style gameplay. This game has been developed with library CreateJS and is fully compatible with all most common mobile devices. This game is fully compatible with CTL Arcade which allows you to create an arcade section on your WordPress website.
3. Snakes and Ladders – HTML5 Board Game
Snakes and Ladders is a HTML5 board game offering the classic gameplay of 100 squares full of traps and tricks. You roll the dice to try your luck, where ladders will take you up but snakes will take you down! The download includes all source code which allows you to easily make changes to the game.
4. Lottery Numbers – HTML5 Game
This is another try your luck game build with HTML5. The game allows the player to choose numbered tickets and gives prizes to the holders of numbers drawn at random. The ZIP package contains the game with 1280×768 resolution.
5. Neon Bricks – HTML5 Game
Neon Brics is a a classic brick breaking like game with an innovative neon design. It offers 200 different levels of difficulty and is built with Construct. It has support for touch, mouse & keyboard controls. You get support from the developers and can easily host the game online.
6. Virtu Piano – HTML5 Virtual Piano
Virtu Piano is a piano simulator inside your browser. It has 40 piano sampler ready to use and supports multi key bindings with your computer keyboard. You can also record piano screen activities and audio in real-time which can be easily shared on YouTube or Social Media.
You can also take a look at these Android game templates for some ready made games with source code, graphic assets and sounds that you can use to publish your own game with on Android platform.
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 an HTML5 game framework like Phaser or an HTML5 game development tool such as Construct for you to start developing your own HTML5 games.