Best Open Source HTML5 and JavaScript Games

51 Best Open Source HTML5 and JavaScript Games 2018

17Shares

Online games provides a great means of entertainment in your free time. But have you ever wondered how your favorite online games are created? May be you would love to develop your own games and share it with your friends and family but don’t know how to get started?

In this article I have carefully organized a list of best open source HTML5 and JavaScript games. As the source code of these games is publicly available so it allows you to get an understanding about the actual procedure behind creating such games.

The best thing about these open source HTML5 and JavaScript games is that you can easily download their source code in your computer, modify it according to your needs, run it using the web browser and even re-distribute it however you like.

PixelDefense

PixelDefense

PixelDefense is one of the most beautiful and perfectly designed example of open source HTML5 and JavaScript games. It is based on the tower defense game genre. In this game you have to place the towers in the specified places to prevent the incoming monsters from entering your homeland. You will be pleased to hear that the source code of this outstanding game is freely available for download from the Github repository. It will be a great opportunity for you to understand the mechanics of online game development if you are familiar with the basics of HTML5 and JavaScript.

Live DemoDownload


Pocket Island

Pocket Island

Pocket Island is an incredible browser based game that makes use of the flexibility provided by HTML5 and JavaScript. It has a really advanced UI design which comes with an attractive storyline. The game revolves around a wish list of king which consists of several tasks, you have to fulfill his wishes in order to win the game.

Live DemoDownload


2048

2048

2048 is a clone of popular Play Store game 1024. Its source code is written in HTML5, CSS3 and JavaScript. If you are familiar with these languages then I would suggest you to contribute in this stunning game and display your skills to the whole world. This game is licensed under the well-known MIT License.

Live DemoDownload


HexGL

HexGL

HexGL stands out from the rest of open source HTML5 and JavaScript games when it comes to the cutting edge graphics for the game design. This futuristic racing game has an unbelievable user interface that makes it look like we are playing an offline video game on a desktop computer. It uses HTML5 and JavaScript for rendering the game environment. This open source project is developed and maintained by Thibaut Despoulain with the help of some contributors.

Live DemoDownload


Mimstris

Mimstris

Mimstris is a cool online puzzle game that you will definitely enjoy playing in your free time. In this game you have to quickly arrange the falling blocks of different shapes to fill the horizontal line similar to the video game Tetris. It is created using HTML5 and some JavaScript frameworks such as React and Redux. I bet you will fall in love with this game.

Live DemoDownload


Tower Building Game

Tower Building Game

Tower Building Game makes you feel joyful. Yes, that’s true because the game is designed in such a way that we want to play it again and again. It is similar to the award-winning Tower Bloxx Deluxe game where your task is to drop the blocks on top of each other and make your way towards the skies. Its structure is created using the new canvas element of HTML5 language while the logic is written in ES6 (an outstanding update to the JavaScript language).

Live DemoDownload


BrowserQuest

BrowserQuest

BrowserQuest is an open source massively multiplayer online game, which is an experiment conducted by Little Workshop for Mozilla. It is based on an adventure genre where your task is to explore the world. You will face several enemies on the way so stay calm and defeat them. You may even discover gifts which will help you stay strong and focus in achieving your goals. The game is built using HTML5 and JavaScript which proves the flexibility of these languages.

Live DemoDownload


mk.js

mk.js

mk.js resembles in concept with one of the most popular video game series Tekken. The fighting game comes in three types “Basic”, “Multiplayer” and “Network”. Its basic structure is created in HTML5, styling is done using CSS3 while the game logic is written in JavaScript. If you are a great fan of fighting games then you will love to read its code and I hope you will be able to write something better in future.

Live DemoDownload


3D Hartwig chess set

3D Hartwig chess set

3D Hartwig chess set is one of the most interesting example of open source HTML5 and JavaScript games. As it has one of the most appealing user interface and provides an amazing user experience. It is created using HTML5, CSS3 and JavaScript. Note that its source code is available under MIT License.

Live DemoDownload


Astray

Astray

Astray is no doubt an amazing example of best open source HTML5 and JavaScript games. This game really stands out from the rest of crowd as it showcases the ability of what WebGL can do in a web browser. It uses the Three.js and Box2dWeb libraries to create an advanced 3D user interface. The developer does not believe in the licenses and allows you to use it however you like.

Live DemoDownload


Clumsy Bird

Clumsy Bird

Clumsy Bird is a clone of “Flappy Bird” game and it makes use of the open source and lightweight HTML5 game engine MelonJS. The game works by you controlling a flying character and the mission is to successfully pass it from in-between the incoming walls without hitting them.

Live DemoDownload


Hextris

Hextris

Hextris is an awesome puzzle game that is according to its developer inspired by the famous game Tetris. The game steadily increases its pace as it progresses which makes it very addictive. It makes use of the HTML5 canvas to render the game with the help of JavaScript and style it using CSS3.

Live DemoDownload


Last Colony

Last Colony

Last Colony belongs to a real time strategy (RTS) game genre which is a unique example of open source HTML5 and JavaScript games. It comes with single player and multiplayer modes. In single player campaign mode the game has a scripted storyline where your task is to build economy and defeat your enemies. The game has a variety of buildings, aircrafts and vehicles which creates an excitement in its users. The interesting thing about this game is that it’s codebase is also written in HTML5, CSS3 and JavaScript.

Live DemoDownload


Javascript Pseudo 3D Racer

Javascript Pseudo 3D Racer

Javascript Pseudo 3D Racer is similar in concept to the OutRun video game. As the name suggests it is developed using HTML5 and JavaScript. The game evolves incrementally in 4 versions and you can even check its step by step progress through the Github repository. According to its developer the game is more suitable for modern web browsers. He also stated that the source code is not structured well as the game is only meant to demonstrate the basics of pseudo-3d racing game.

Live DemoDownload


Pacman-canvas

Pacman-canvas

Pacman-canvas is completely re-written from scratch in HTML5 and JavaScript. In Pacman-canvas you have to control a character using arrow keys on keyboard and collect the items placed in a maze while protecting yourself from enemy units. You will be promoted to the next level after you have successfully picked up all the items.

Live DemoDownload


Canvas Tetris

Canvas Tetris

Canvas Tetris is a really simple illustration of Tetris game which is written in HTML5 and JavaScript to give beginner developers a basic understanding of 2D game concepts. The developer has mentioned that he created this game in just 45 minutes. So, if you are familiar with the basics of HTML5, CSS3 and JavaScript then I would definitely suggest you to read its source code and enhance your game development skills.

Live DemoDownload


Ancient Beast

Ancient Beast

Live DemoDownload


OpHog

OpHog

Live DemoDownload


Flexbox Froggy

Flexbox Froggy

Live DemoDownload


Grid Garden

Grid Garden

Live DemoDownload


Quantum Game

Quantum Game

Live DemoDownload


Radius Raid

Radius Raid

Live DemoDownload


React Simon Says

React Simon Says

Live DemoDownload


React-2048-game

React-2048-game

Live DemoDownload


SpaceInvaders

SpaceInvaders

Live DemoDownload


BreakLock

BreakLock

Live DemoDownload


Circus Charly html5 tribute in phaser

Circus Charly html5 tribute in phaser

Live DemoDownload


ClashJS

ClashJS

Live DemoDownload


Dental Defender: Saga of the Candy Horde

Dental Defender: Saga of the Candy Horde

Live DemoDownload


diablo-js

diablo-js

Live DemoDownload


DUCK HUNT JS

DUCK HUNT JS

Live DemoDownload


emoji-minesweeper

emoji-minesweeper

Live DemoDownload


HTML5 tower defense

HTML5 tower defense

Live DemoDownload


Infinite Mario in HTML5 JavaScript

Infinite Mario in HTML5 JavaScript

Live DemoDownload


Tap Tap Adventure

Tap Tap Adventure

Live DemoDownload


The original TETRIS game simulator

The original TETRIS game simulator

Live DemoDownload


Tic Tac Toe

Tic Tac Toe

Live DemoDownload


TooAngel Artificial intelligence for screeps

TooAngel Artificial intelligence for screeps

Live DemoDownload


towerdefense

towerdefense

Live DemoDownload


Turrets

Turrets

Live DemoDownload


Typer

Typer

Live DemoDownload


Web Tower Defense

Web Tower Defense

Live DemoDownload


Alien Invasion

Alien Invasion

Live DemoDownload


Basketball GM

Basketball GM

Live DemoDownload


Canvas Tower Defense Game

Canvas Tower Defense Game

Live DemoDownload


canvas-td

canvas-td

Live DemoDownload


homemade tower defense game

homemade tower defense game

Live DemoDownload


Sleeping Beauty

Sleeping Beauty

Live DemoDownload


Space Company

Space Company

Live DemoDownload


SwiftCODE

SwiftCODE

Live DemoDownload


Tower Defense

Tower Defense

Live DemoDownload

 

17Shares

9 Replies to “51 Best Open Source HTML5 and JavaScript Games 2018”

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.