{"id":144,"date":"2018-04-15T13:30:17","date_gmt":"2018-04-15T08:30:17","guid":{"rendered":"http:\/\/www.edopedia.com\/blog\/?p=144"},"modified":"2025-10-25T16:33:39","modified_gmt":"2025-10-25T11:33:39","slug":"open-source-html5-and-javascript-games","status":"publish","type":"post","link":"https:\/\/www.edopedia.com\/blog\/open-source-html5-and-javascript-games\/","title":{"rendered":"50+ HTML5 Games Source Code [Free Download] 2026"},"content":{"rendered":"<p>Online games provide a great means of entertainment in your free time. But have you ever wondered how your favorite online games are created? Maybe you would love to develop your own games and share them with your friends and family but don&#8217;t know how to get started?<\/p>\n<p>In this article, I have carefully organized a list of the <strong>best open source HTML5 and JavaScript games<\/strong>. As the source code of these games is publicly available so it allows you to get an understanding of the actual procedure behind creating such games.<\/p>\n<p>The best thing about these open-source HTML5 and JavaScript games is that you can easily download their source code on your computer, modify it according to your needs, run it using the web browser, and even re-distribute it however you like.<\/p>\n<hr \/>\n<h2>PixelDefense<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-145\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/PixelDefense_700.jpg\" alt=\"PixelDefense\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/PixelDefense_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/PixelDefense_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/PixelDefense_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/PixelDefense_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>PixelDefense<\/strong> is one of the most beautiful and perfectly designed examples of open source HTML5 and JavaScript games. It is based on the tower defense game genre.<\/p>\n<p>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.<\/p>\n<p>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.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/www.edopedia.com\/demo\/pixeldefense\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/edopedia\/PixelDefense\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Pocket Island<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-146\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Pocket-Island_700.jpg\" alt=\"Pocket Island\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Pocket-Island_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Pocket-Island_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Pocket-Island_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Pocket-Island_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>Pocket Island<\/strong> is an incredible browser-based game that makes use of the flexibility provided by HTML5 and JavaScript. It has a really advanced UI design that comes with an attractive storyline.<\/p>\n<p>The game revolves around a wish list of the king which consists of several tasks. You have to fulfill his wishes in order to win the game.<\/p>\n<p><a class=\"ep_link_major\" href=\"https:\/\/github.com\/edopedia\/Pocket-Island\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>2048<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-147\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/2048_700.jpg\" alt=\"2048\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/2048_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/2048_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/2048_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/2048_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>2048<\/strong> is a clone of the 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.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/www.edopedia.com\/demo\/2048\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/edopedia\/2048\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>HexGL<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-148\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/HexGL_700.jpg\" alt=\"HexGL\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/HexGL_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/HexGL_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/HexGL_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/HexGL_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>HexGL<\/strong> 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.<\/p>\n<p>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.<\/p>\n<p><a class=\"ep_link_minor\" href=\"http:\/\/hexgl.bkcore.com\/play\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/BKcore\/HexGL\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Mimstris<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-149\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Mimstris_700.jpg\" alt=\"Mimstris\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Mimstris_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Mimstris_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Mimstris_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Mimstris_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>Mimstris<\/strong> 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.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/mimstris.surge.sh\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/mimshwright\/mimstris\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Tower Building Game<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-150\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Tower-Building-Game_700.jpg\" alt=\"Tower Building Game\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Tower-Building-Game_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Tower-Building-Game_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Tower-Building-Game_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Tower-Building-Game_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>Tower Building Game<\/strong> makes you feel joyful. Yes, that&#8217;s true because the game is designed in such a way that we want to play it again and again.<\/p>\n<p>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.<\/p>\n<p>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).<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/iamkun.github.io\/tower_game\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/bmqb\/tower_game\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>BrowserQuest<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-151\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/BrowserQuest_700.jpg\" alt=\"BrowserQuest\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/BrowserQuest_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/BrowserQuest_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/BrowserQuest_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/BrowserQuest_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>BrowserQuest<\/strong> is an open source massively multiplayer online (MMO) game, which is an experiment conducted by Little Workshop for Mozilla.<\/p>\n<p>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 that will help you stay strong and focus on achieving your goals.<\/p>\n<p>The game is built using HTML5 and JavaScript which proves the flexibility of these languages.<\/p>\n<p><a class=\"ep_link_minor\" href=\"http:\/\/browserquest.herokuapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/browserquest\/BrowserQuest\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>mk.js<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-152\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/mk.js_700.jpg\" alt=\"mk.js\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/mk.js_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/mk.js_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/mk.js_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/mk.js_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>mk.js<\/strong> resembles in concept with one of the most popular video game series Tekken. The fighting game comes in three types &#8220;Basic&#8221;, &#8220;Multiplayer&#8221; and &#8220;Network&#8221;.<\/p>\n<p>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 the future.<\/p>\n<p><a class=\"ep_link_minor\" href=\"http:\/\/mk.mgechev.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/mgechev\/mk.js\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>3D Hartwig chess set<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-153\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/3D-Hartwig-chess-set_700.jpg\" alt=\"3D Hartwig chess set\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/3D-Hartwig-chess-set_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/3D-Hartwig-chess-set_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/3D-Hartwig-chess-set_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/3D-Hartwig-chess-set_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>3D Hartwig chess set<\/strong> is one of the most interesting examples of open source HTML5 and JavaScript games. As it has one of the most appealing user interfaces and provides an amazing user experience. It is created using HTML5, CSS3 and JavaScript. Note that its source code is available under MIT License.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/codepen.io\/juliangarnier\/full\/BsIih\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/juliangarnier\/3D-Hartwig-chess-set\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Astray<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-154\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Astray_700.jpg\" alt=\"Astray\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Astray_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Astray_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Astray_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Astray_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>Astray<\/strong> is no doubt an amazing example of the best open-source HTML5 and JavaScript games. This game really stands out from the rest of the crowd as it showcases the ability of what WebGL can do in a web browser.<\/p>\n<p>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 the source code of this game however you like.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/wwwtyro.github.io\/Astray\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/wwwtyro\/Astray\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Clumsy Bird<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-155\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Clumsy-Bird_700.jpg\" alt=\"Clumsy Bird\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Clumsy-Bird_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Clumsy-Bird_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Clumsy-Bird_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Clumsy-Bird_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>Clumsy Bird<\/strong> is a clone of the &#8220;Flappy Bird&#8221; 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.<\/p>\n<p><a class=\"ep_link_minor\" href=\"http:\/\/ellisonleao.github.io\/clumsy-bird\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/ellisonleao\/clumsy-bird\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Hextris<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-156\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Hextris_700.jpg\" alt=\"Hextris\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Hextris_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Hextris_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Hextris_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Hextris_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>Hextris<\/strong> 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.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/hextris.github.io\/hextris\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/Hextris\/hextris\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Last Colony<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-157\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Last-Colony_700.jpg\" alt=\"Last Colony\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Last-Colony_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Last-Colony_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Last-Colony_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Last-Colony_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>Last Colony<\/strong> belongs to a real-time strategy (RTS) game genre which is a unique example of open source HTML5 and JavaScript games.<\/p>\n<p>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 the economy and defeat your enemies. The game has a variety of buildings, aircraft, and vehicles which creates excitement in its users. The interesting thing about this game is that its codebase is also written in HTML5, CSS3, and JavaScript.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/www.edopedia.com\/demo\/last-colony\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/adityaravishankar\/last-colony\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Javascript Pseudo 3D Racer<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-158\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Javascript-Pseudo-3D-Racer_700.jpg\" alt=\"Javascript Pseudo 3D Racer\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Javascript-Pseudo-3D-Racer_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Javascript-Pseudo-3D-Racer_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Javascript-Pseudo-3D-Racer_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Javascript-Pseudo-3D-Racer_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>Javascript Pseudo 3D Racer<\/strong> 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.<\/p>\n<p>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 games.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/codeincomplete.com\/games\/racer\/v4-final\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/jakesgordon\/javascript-racer\/\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Pacman-canvas<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-159\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Pacman-canvas_700.jpg\" alt=\"Pacman-canvas\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Pacman-canvas_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Pacman-canvas_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Pacman-canvas_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Pacman-canvas_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>Pacman-canvas<\/strong> is completely re-written from scratch in HTML5 and JavaScript. In Pacman-canvas you have to control a character using arrow keys on the 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.<\/p>\n<p><a class=\"ep_link_minor\" href=\"http:\/\/pacman.platzh1rsch.ch\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/platzhersh\/pacman-canvas\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Canvas Tetris<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-160\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Canvas-Tetris_700.jpg\" alt=\"Canvas Tetris\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Canvas-Tetris_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Canvas-Tetris_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Canvas-Tetris_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Canvas-Tetris_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>Canvas Tetris<\/strong> is a really simple illustration of the 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 read its source code and enhance your game development skills.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/dionyziz.com\/graphics\/canvas-tetris\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/dionyziz\/canvas-tetris\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Ancient Beast<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-161\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Ancient-Beast_700.jpg\" alt=\"Ancient Beast\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Ancient-Beast_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Ancient-Beast_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Ancient-Beast_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Ancient-Beast_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>Ancient Beast<\/strong> is an amazing browser-based multiplayer game that utilizes the flexibility provided by HTML5 and JavaScript. This game is a strategy game based on players&#8217; turns and is played online against other players.<\/p>\n<p>This game features a wide variety of creatures that a player can acquire as they play along and then players can put them to use in order to defeat their opponents. The version of this game available now is 0.3 which was developed using HTML and JavaScript with required socket plugins.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/ancientbeast.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/FreezingMoon\/AncientBeast\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>OpHog<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-162\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/OpHog_700.jpg\" alt=\"OpHog\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/OpHog_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/OpHog_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/OpHog_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/OpHog_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>OpHog<\/strong> is one of the most interesting and engaging tower defense games developed using HTML5 and JavaScript. The game lets you place defending units in order to defeat the enemy boss of each level while defending your portals. The developers have used HammerJS for touch gestures in the game and JQuery UI for the UI.<\/p>\n<p><a class=\"ep_link_minor\" href=\"http:\/\/ophog.bot.land\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/Adam13531\/OpHog\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Flexbox Froggy<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-163\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Flexbox-Froggy_700.jpg\" alt=\"Flexbox Froggy\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Flexbox-Froggy_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Flexbox-Froggy_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Flexbox-Froggy_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Flexbox-Froggy_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>Flexbox Froggy<\/strong> is the game developed. This game allows you to enter CSS styles in order to move the frog and reach the bottom where the pond is situated. The game is developed simply using HTML5, JavaScript, CSS styles, and some images.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/flexboxfroggy.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/thomaspark\/flexboxfroggy\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Grid Garden<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-164\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Grid-Garden_700.jpg\" alt=\"Grid Garden\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Grid-Garden_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Grid-Garden_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Grid-Garden_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Grid-Garden_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>Grid garden<\/strong> is a game similar to Flexbox Froggy and published by the same developer. Grid Garden is a game that helps players to learn about Grid CSS property. The developer makes use of animate.css and JQuery to design and develop this simple yet creative game.<\/p>\n<p><a class=\"ep_link_minor\" href=\"http:\/\/cssgridgarden.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/thomaspark\/gridgarden\/\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Quantum Game<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-165\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Quantum-Game_700.jpg\" alt=\"Quantum Game\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Quantum-Game_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Quantum-Game_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Quantum-Game_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Quantum-Game_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>Quantum Game<\/strong> is a simple and creative browser-based puzzle game that makes use of terminologies from quantum mechanics in the game.<\/p>\n<p>The game contains photon sources to emit photon particles, rocks that act as an obstacle, mirrors to deflect the photon particle, and a photon detector that receives the photon particle.<\/p>\n<p>The trick is to arrange the mirror in such a way that the photon particle emitted from the photon source should reach the photon detector evading the rocks. This game is developed using a simple HTML5 layout and JavaScript with CSS and sound plugins.<\/p>\n<p><a class=\"ep_link_minor\" href=\"http:\/\/play.quantumgame.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/stared\/quantum-game\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Radius Raid<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-166\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Radius-Raid_700.jpg\" alt=\"Radius Raid\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Radius-Raid_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Radius-Raid_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Radius-Raid_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Radius-Raid_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>Radius Raid<\/strong> is an amazing and engaging space-themed game developed using HTML5 animations with JavaScript. It is a shooting game where players need to shoot at relentless enemies and destroy them before the enemy ships destroy them. This game consists of different types of enemies, amazing background designs with old-fashioned sound effects, and locally stored players&#8217; statistics which will keep the players engaged in the game for a long time.<\/p>\n<p><a class=\"ep_link_minor\" href=\"http:\/\/js13kgames.com\/games\/radius-raid\/index.html\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/jackrugile\/radius-raid-js13k\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>React Simon Says<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-167\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/React-Simon-Says_700.jpg\" alt=\"React Simon Says\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/React-Simon-Says_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/React-Simon-Says_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/React-Simon-Says_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/React-Simon-Says_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>As the name says, <strong>React Simon Says<\/strong> is the game that was developed using the React JavaScript framework with Redux functionality. This game basically contains 4 colored blocks that light up in specific order.<\/p>\n<p>After the blocks light up, players have to click the blocks in the same order as they light up in order to gain a point. The developer makes use of the React-redux project with some CSS styled-components in order to develop this simple game.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/weslleyaraujo.github.io\/react-simon-says\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/weslleyaraujo\/react-simon-says\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>React-2048-game<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-168\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/React-2048-game_700.jpg\" alt=\"React-2048-game\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/React-2048-game_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/React-2048-game_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/React-2048-game_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/React-2048-game_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>React-2048-game<\/strong> is the complete re-implementation of an addictive mobile game named &#8220;2048&#8221; that everyone must have played. As the name suggests, this game was developed using best practices of React JavaScript framework with redux including HTML5 and JavaScript game codes. This game provides users with arrow buttons to move the number blocks. The players have to move the number blocks in such a way that it combines and adds up to other blocks in order to reach the 2048 score.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/re2048.herokuapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/devrsi0n\/React-2048-game\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>SpaceInvaders<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-169\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/SpaceInvaders_700.jpg\" alt=\"SpaceInvaders\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/SpaceInvaders_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/SpaceInvaders_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/SpaceInvaders_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/SpaceInvaders_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>SpaceInvaders<\/strong> is an incredible space-themed shooting game developed using HTML5 and JavaScript code. This game is actually a remake of the space invader phaser game. The developer makes use of Require.js in order to make the code for this game more manageable and structured using JavaScript modules.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/www.edopedia.com\/demo\/SpaceInvaders\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/StrykerKKD\/SpaceInvaders\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>BreakLock<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-170\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/BreakLock_700.jpg\" alt=\"BreakLock\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/BreakLock_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/BreakLock_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/BreakLock_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/BreakLock_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>BreakLock<\/strong> is an interesting example of an HTML5 game. This game is a hybrid combination of Mastermind and Android lock game making use of android pattern locks as a game component. You need to connect the dots in order to match the lock pattern and win. This game makes use of Webpack and progressive web app solutions in order to provide a beautiful and mind-boggling game.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/maxwellito.github.io\/breaklock\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/maxwellito\/breaklock\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Circus Charly html5 tribute in phaser<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-171\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Circus-Charly-html5-tribute-in-phaser_700.jpg\" alt=\"Circus Charly html5 tribute in phaser\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Circus-Charly-html5-tribute-in-phaser_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Circus-Charly-html5-tribute-in-phaser_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Circus-Charly-html5-tribute-in-phaser_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Circus-Charly-html5-tribute-in-phaser_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>Circus Charly<\/strong> is a simple and addictive game developed using HTML5 and JavaScript as an honor to the phaser game. This game features a track with fire rings and a player with a circus lion who has to jump through the fire ring and cover a considerable distance to score higher. As the level progresses, fire rings become smaller and the game animation becomes faster.<\/p>\n<p><a class=\"ep_link_minor\" href=\"http:\/\/gamegur-us.github.io\/circushtml5\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/Gamegur-us\/circushtml5\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>ClashJS<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-172\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/ClashJS_700.jpg\" alt=\"ClashJS\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/ClashJS_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/ClashJS_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/ClashJS_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/ClashJS_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>ClashJS<\/strong> is an interesting and creative AI-based game built using HTML5 as an interface and JavaScript as logic. This is an AI battle game featuring fighter jets where the participants code their AI in order to make them fight. It is a great opportunity to understand how AI works with JavaScript. The game is freely available on GitHub with all the details stating the mechanics of this incredible AI game.<\/p>\n<p><a class=\"ep_link_minor\" href=\"http:\/\/javier.xyz\/clashjs\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/javierbyte\/clashjs\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Dental Defender: Saga of the Candy Horde<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-173\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Dental-Defender-Saga-of-the-Candy-Horde_700.jpg\" alt=\"Dental Defender: Saga of the Candy Horde\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Dental-Defender-Saga-of-the-Candy-Horde_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Dental-Defender-Saga-of-the-Candy-Horde_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Dental-Defender-Saga-of-the-Candy-Horde_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Dental-Defender-Saga-of-the-Candy-Horde_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>Dental Defender<\/strong> is one of the most interesting HTML5 tower defense games. It is a hybrid combination of tower defense and shooting games. This game is created using HTML5 for UI, CSS3 for styling while the game logic is written in JavaScript. This game has a concept similar to tower defense where a player has to defend teeth from being eaten by germs. A player can move around the teeth and shoot the germs in order to kill them. This game is very interesting and you will surely like it a lot.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/cas002.itch.io\/dental-defenders-saga-of-the-candy-horde\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/cshepp\/candyjam\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>diablo-js<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-174\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/diablo-js_700.jpg\" alt=\"diablo-js\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/diablo-js_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/diablo-js_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/diablo-js_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/diablo-js_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>Diablo-js<\/strong> is one of the best HTML5 and JavaScript games that you can find and play right now. It is developed using a minimal code base as possible with html5 canvas and JavaScript. The UI and visuals in this game are incredible where HTML5 animation and JavaScript logic have been put into optimal use. The game basically revolves around a fighter who can move around the map using mouse clicks and killing the enemies which appear. This game might be your best chance to learn about HTML5 to its fullest.<\/p>\n<p><a class=\"ep_link_minor\" href=\"http:\/\/mitallast.github.io\/diablo-js\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/mitallast\/diablo-js\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>DUCK HUNT JS<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-175\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/DUCK-HUNT-JS_700.jpg\" alt=\"DUCK HUNT JS\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/DUCK-HUNT-JS_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/DUCK-HUNT-JS_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/DUCK-HUNT-JS_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/DUCK-HUNT-JS_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>Duck Hunt<\/strong> game is a very interesting and engaging game that everyone might have played during the reign of video games. In this game, we basically shoot the ducks which fly from the grass using a joystick but in this case, we use mouse clicks to knock down the flying ducks. This game is implemented using HTML5 and JavaScript. The developer has used PixiJS as a rendering engine and Green Sock Animations for animation purposes.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/duckhuntjs.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/MattSurabian\/DuckHunt-JS\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>emoji-minesweeper<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-176\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/emoji-minesweeper_700.jpg\" alt=\"emoji-minesweeper\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/emoji-minesweeper_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/emoji-minesweeper_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/emoji-minesweeper_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/emoji-minesweeper_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>We all know about the minesweeper game that is available in windows games inventory. Well, this <strong>Emoji-minesweeper<\/strong> game is a re-interpretation of the minesweeper game using HTML5 and JavaScript. The only difference is that we place emojis as a marker to spot the bomb position instead of flags. You use left-click to open a spot, right-click to mark a spot as a bomb. I am sure that this game will be as interesting as the traditional one we used to play.<\/p>\n<p><a class=\"ep_link_minor\" href=\"http:\/\/muan.github.io\/emoji-minesweeper\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/muan\/emoji-minesweeper\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>HTML5 tower defense<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-177\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/HTML5-tower-defense_700.jpg\" alt=\"HTML5 tower defense\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/HTML5-tower-defense_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/HTML5-tower-defense_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/HTML5-tower-defense_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/HTML5-tower-defense_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>HTML5 tower defense<\/strong> is another interesting tower defense game that is implemented using HTML5 and JavaScript. In this game, we drag our defensive cannons to the layout map and place them in such a way that the enemies appearing from the whole doesn&#8217;t reach our hole. The game also contains statistical data that updates dynamically as the game progresses.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/oldj.net\/static\/html5-tower-defense\/td.html\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/oldj\/html5-tower-defense\/\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Infinite Mario in HTML5 JavaScript<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-178\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Infinite-Mario-in-HTML5-JavaScript_700.jpg\" alt=\"Infinite Mario in HTML5 JavaScript\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Infinite-Mario-in-HTML5-JavaScript_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Infinite-Mario-in-HTML5-JavaScript_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Infinite-Mario-in-HTML5-JavaScript_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Infinite-Mario-in-HTML5-JavaScript_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>This <strong>Infinite Mario<\/strong> game is a clone of the original Infinite Mario, coded in JavaScript for web browsers using HTML5 for UI\/UX. This game features a good example of using Canvas and Audio elements. You will be able to learn a lot about Canvas and Audio elements going through the source code of this game available freely in GitHub.<\/p>\n<p><a class=\"ep_link_minor\" href=\"http:\/\/openhtml5games.github.io\/games-mirror\/dist\/mariohtml5\/main.html\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/robertkleffner\/mariohtml5\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Tap Tap Adventure<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-179\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Tap-Tap-Adventure_700.jpg\" alt=\"Tap Tap Adventure\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Tap-Tap-Adventure_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Tap-Tap-Adventure_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Tap-Tap-Adventure_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Tap-Tap-Adventure_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>Tap tap adventure is an online game in which you have to move your player to the right place in the game. Whenever you tap on the screen your player moves from one place to another and you can also collect the prices in the game.<\/p>\n<p><a class=\"ep_link_major\" href=\"https:\/\/github.com\/phinolex\/Tap-Tap-Adventure\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>The original TETRIS game simulator<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-180\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/The-original-TETRIS-game-simulator_700.jpg\" alt=\"The original TETRIS game simulator\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/The-original-TETRIS-game-simulator_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/The-original-TETRIS-game-simulator_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/The-original-TETRIS-game-simulator_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/The-original-TETRIS-game-simulator_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>The <strong>Tetris game<\/strong> is an interesting and creative simulation of the original 1984 version of the TETRIS game. The developer makes use of HTML5 and JavaScript to implement this game for browsers. The game is completely text-based where every frame of the game animation is rendered into a string of text with 25 rows of 80 chars.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/ytiurin.github.io\/tetris\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/ytiurin\/tetris\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Tic Tac Toe<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-181\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Tic-Tac-Toe_700.jpg\" alt=\"Tic Tac Toe\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Tic-Tac-Toe_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Tic-Tac-Toe_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Tic-Tac-Toe_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Tic-Tac-Toe_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>Tic Tac Toe<\/strong> is one of the most simple and addictive available out there. This game is developed using HTML5, JavaScript, and CSS for some styling. The developer has made use of Google fonts to make this game more visually appealing. This game is an exact replica of tic tac toe that we play in real life using pen and paper. Here, we basically use mouse clicks to place circles and cross in the layout interface.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/codepen.io\/timrijkse\/full\/XjLGKv\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/codepen.io\/timrijkse\/pen\/XjLGKv\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>TooAngel Artificial intelligence for screeps<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-182\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/TooAngel-Artificial-intelligence-for-screeps_700.jpg\" alt=\"TooAngel Artificial intelligence for screeps\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/TooAngel-Artificial-intelligence-for-screeps_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/TooAngel-Artificial-intelligence-for-screeps_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/TooAngel-Artificial-intelligence-for-screeps_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/TooAngel-Artificial-intelligence-for-screeps_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>TooAngel<\/strong> game is an incredible screeps game build incorporating Artificial Intelligence along with HTML5 and JavaScript for interface and logic. Screeps basically means &#8220;scripting creeps&#8221;. This game is an open-source sandbox game for coders, where the core mechanics is to program your units\u2019 AI. You control your colony by writing JavaScript code. This may be a great opportunity for you to learn AI scripts using JavaScript.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/screeps.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/TooAngel\/screeps\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>towerdefense<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-183\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/towerdefense_700.jpg\" alt=\"towerdefense\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/towerdefense_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/towerdefense_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/towerdefense_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/towerdefense_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><strong>towerdefense<\/strong> is a simple tower defense game implemented using p5.JS. You can also make and edit custom maps using this map editor. The game code is freely available in Github along with the controls to play this game.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/rsaihe.github.io\/towerdefense\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/rsaihe\/towerdefense\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Turrets<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-184\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Turrets_700.jpg\" alt=\"Turrets\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Turrets_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Turrets_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Turrets_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Turrets_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>Turrets are the small towers on the walls of the castle mostly used as a defensive position for cover firing against the enemy. In this game, you have to kill the enemies using these turrets. You can move the turrets by using the cursor.<\/p>\n<p>You can buy or sell the turrets during the game and you also have to select the difficulty level before starting the game.<\/p>\n<p><a class=\"ep_link_minor\" href=\"http:\/\/msakuta.github.io\/turrets\/createjs_game.html\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/msakuta\/turrets\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Typer<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-185\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Typer_700.jpg\" alt=\"Typer\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Typer_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Typer_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Typer_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Typer_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>Typer is a simple Alphabetic Game in which you have a red circle in the center. The random alphabets are approaching this circle which is in the center. If these alphabets hit the center then you lose the game.<\/p>\n<p>So in this game, you have to stop the alphabet from hitting the circle by typing the alphabet and important thing is that this game is case sensitive.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/berkerol.github.io\/typer\/typer.html\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/berkerol\/typer\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Web Tower Defense<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-186\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Web-Tower-Defense_700.jpg\" alt=\"Web Tower Defense\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Web-Tower-Defense_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Web-Tower-Defense_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Web-Tower-Defense_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Web-Tower-Defense_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>In this game, you have to place the defensive tower on the square in front of the enemies. You have to click on the tower icon and then place it on the square where you want to build the tower.<\/p>\n<p>You have to place towers in such a way in which you can kill maximum enemies.<\/p>\n<p><a class=\"ep_link_minor\" href=\"http:\/\/www.webtowerdefense.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/dabbott\/towerdefense\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Alien Invasion<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-187\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Alien-Invasion_700.jpg\" alt=\"Alien Invasion\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Alien-Invasion_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Alien-Invasion_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Alien-Invasion_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Alien-Invasion_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>Alien invasion is a game in which you have to kill the aliens by using your plane. In this game, you have to kill the alien coming in the opposite direction of your plane.<\/p>\n<p>You also need to protect your plane from the attack of the aliens and also save your plane from being hit by the aliens.<\/p>\n<p><a class=\"ep_link_minor\" href=\"http:\/\/cykod.github.io\/AlienInvasion\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/cykod\/AlienInvasion\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Basketball GM<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-188\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Basketball-GM_700.jpg\" alt=\"Basketball GM\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Basketball-GM_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Basketball-GM_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Basketball-GM_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Basketball-GM_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>Basketball GM is a sports management game and you are the sports manager of the team and you have to do all the management duties like managing finances, winning more competitions, player development, and selecting different leagues.<\/p>\n<p>The game is divided into different phases E.g preseason, regular season, playoffs, and drafting. The rules of the game are similar to NBA. This is a very interesting game and you can learn a lot from this game code.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/basketball-gm.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/dumbmatter\/basketball-gm\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Canvas Tower Defense Game<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-189\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Canvas-Tower-Defense-Game_700.jpg\" alt=\"Canvas Tower Defense Game\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Canvas-Tower-Defense-Game_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Canvas-Tower-Defense-Game_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Canvas-Tower-Defense-Game_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Canvas-Tower-Defense-Game_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/www.edopedia.com\/demo\/canvas-tower-defense\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/MaciejKus\/canvas_tower_defense\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>canvas-td<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-190\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/canvas-td_700.jpg\" alt=\"canvas-td\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/canvas-td_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/canvas-td_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/canvas-td_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/canvas-td_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>This is a tower game built using canvas element which is used to build 2d shapes in JS. In this game, the player has to buy the turrets and he has to place these turrets in the way of the enemies. When enemies reach near the turret it opens fire on the enemies.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/canvas-td.teddy.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/tkazec\/canvas-td\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>homemade tower defense game<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-191\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/homemade-tower-defense-game_700.jpg\" alt=\"homemade tower defense game\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/homemade-tower-defense-game_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/homemade-tower-defense-game_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/homemade-tower-defense-game_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/homemade-tower-defense-game_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>This is a single-player game in which you have to protect your player from snow bears. You can move your player with the help of the cursor. To survive in this game you have to maintain your help and you can give a boost to your health from towers.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/windytower-game.herokuapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/yongbin999\/impactjs_game\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Sleeping Beauty<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-192\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Sleeping-Beauty_700.jpg\" alt=\"Sleeping Beauty\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Sleeping-Beauty_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Sleeping-Beauty_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Sleeping-Beauty_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Sleeping-Beauty_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>Sleeping beauty is an online game based on a fairy tale. In this game, you have to reach the princess who is sleeping on tower floor 1. By using arrow keys you can move around and try to reach the tower where a princess is sleeping.<\/p>\n<p>And on a funny note, we also warn you here that before you many adventurers go behind her but no one comes back so be careful.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/ondras.github.io\/sleeping-beauty\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/ondras\/sleeping-beauty\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Space Company<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-193\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Space-Company_700.jpg\" alt=\"Space Company\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Space-Company_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Space-Company_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Space-Company_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Space-Company_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>Space company is an online game in which your main task is to gather resources. You can get these resources by mining. You can hire workers or build machines to gain these resources.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/sparticle999.github.io\/SpaceCompany\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/sparticle999\/SpaceCompany\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>SwiftCODE<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-194\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/SwiftCODE_700.jpg\" alt=\"SwiftCODE\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/SwiftCODE_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/SwiftCODE_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/SwiftCODE_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/SwiftCODE_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>Swift code is a multiplayer seed typing game for coders. In this game, the coder can make their own single-player or multiplayer game by using a preconfigured programming language. The user has also an option to join the existing games.<\/p>\n<p><a class=\"ep_link_minor\" href=\"https:\/\/swiftcode.herokuapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/voithos\/swiftcode\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n<hr \/>\n<h2>Tower Defense<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-195\" src=\"http:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Tower-Defense_700.jpg\" alt=\"Tower Defense\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Tower-Defense_700.jpg 700w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Tower-Defense_700-300x145.jpg 300w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Tower-Defense_700-600x291.jpg 600w, https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/Tower-Defense_700-400x194.jpg 400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>The Tower defense game is built using the three.js library of javascript. In this game, you have to build the tower and assigned bullets to each tower. Your score and progress are also stored in this game. You also have to choose the difficulty level before starting the game.<\/p>\n<p><a class=\"ep_link_minor\" href=\"http:\/\/www.fellicht.nl\/games\/tower-defense\/\" target=\"_blank\" rel=\"noopener noreferrer\">Live Demo<\/a><a class=\"ep_link_major\" href=\"https:\/\/github.com\/Casmo\/tower-defense\" target=\"_blank\" rel=\"noopener noreferrer\">Download<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Online games provide a great means of entertainment in your free time. But have you ever wondered how your favorite online games are created? Maybe you would love to develop your own games and share them with your friends and family but don&#8217;t know how to get started? In this article, I have carefully organized &#8230; <a title=\"50+ HTML5 Games Source Code [Free Download] 2026\" class=\"read-more\" href=\"https:\/\/www.edopedia.com\/blog\/open-source-html5-and-javascript-games\/\" aria-label=\"Read more about 50+ HTML5 Games Source Code [Free Download] 2026\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":196,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[113],"tags":[],"class_list":["post-144","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-collections"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>50+ HTML5 Games Source Code [Free Download] 2026<\/title>\n<meta name=\"description\" content=\"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.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.edopedia.com\/blog\/open-source-html5-and-javascript-games\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"50+ HTML5 Games Source Code [Free Download] [cy]\" \/>\n<meta property=\"og:description\" content=\"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.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.edopedia.com\/blog\/open-source-html5-and-javascript-games\/\" \/>\n<meta property=\"og:site_name\" content=\"Edopedia\" \/>\n<meta property=\"article:author\" content=\"trulyfurqan\" \/>\n<meta property=\"article:published_time\" content=\"2018-04-15T08:30:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-25T11:33:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/post_image_2_1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"880\" \/>\n\t<meta property=\"og:image:height\" content=\"495\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Furqan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Furqan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"27 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"50+ HTML5 Games Source Code [Free Download] 2026","description":"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.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.edopedia.com\/blog\/open-source-html5-and-javascript-games\/","og_locale":"en_US","og_type":"article","og_title":"50+ HTML5 Games Source Code [Free Download] [cy]","og_description":"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.","og_url":"https:\/\/www.edopedia.com\/blog\/open-source-html5-and-javascript-games\/","og_site_name":"Edopedia","article_author":"trulyfurqan","article_published_time":"2018-04-15T08:30:17+00:00","article_modified_time":"2025-10-25T11:33:39+00:00","og_image":[{"width":880,"height":495,"url":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/post_image_2_1.jpg","type":"image\/jpeg"}],"author":"Furqan","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Furqan","Est. reading time":"27 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.edopedia.com\/blog\/open-source-html5-and-javascript-games\/#article","isPartOf":{"@id":"https:\/\/www.edopedia.com\/blog\/open-source-html5-and-javascript-games\/"},"author":{"name":"Furqan","@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/person\/3951cb19e3aa56df09e408c98aa02339"},"headline":"50+ HTML5 Games Source Code [Free Download] 2026","datePublished":"2018-04-15T08:30:17+00:00","dateModified":"2025-10-25T11:33:39+00:00","mainEntityOfPage":{"@id":"https:\/\/www.edopedia.com\/blog\/open-source-html5-and-javascript-games\/"},"wordCount":3679,"commentCount":91,"publisher":{"@id":"https:\/\/www.edopedia.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.edopedia.com\/blog\/open-source-html5-and-javascript-games\/#primaryimage"},"thumbnailUrl":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/post_image_2_1.jpg","articleSection":["Collections"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.edopedia.com\/blog\/open-source-html5-and-javascript-games\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.edopedia.com\/blog\/open-source-html5-and-javascript-games\/","url":"https:\/\/www.edopedia.com\/blog\/open-source-html5-and-javascript-games\/","name":"50+ HTML5 Games Source Code [Free Download] [cy]","isPartOf":{"@id":"https:\/\/www.edopedia.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.edopedia.com\/blog\/open-source-html5-and-javascript-games\/#primaryimage"},"image":{"@id":"https:\/\/www.edopedia.com\/blog\/open-source-html5-and-javascript-games\/#primaryimage"},"thumbnailUrl":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/post_image_2_1.jpg","datePublished":"2018-04-15T08:30:17+00:00","dateModified":"2025-10-25T11:33:39+00:00","description":"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.","breadcrumb":{"@id":"https:\/\/www.edopedia.com\/blog\/open-source-html5-and-javascript-games\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.edopedia.com\/blog\/open-source-html5-and-javascript-games\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.edopedia.com\/blog\/open-source-html5-and-javascript-games\/#primaryimage","url":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/post_image_2_1.jpg","contentUrl":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2018\/04\/post_image_2_1.jpg","width":880,"height":495,"caption":"Best Open Source HTML5 and JavaScript Games"},{"@type":"BreadcrumbList","@id":"https:\/\/www.edopedia.com\/blog\/open-source-html5-and-javascript-games\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.edopedia.com\/blog\/"},{"@type":"ListItem","position":2,"name":"50+ HTML5 Games Source Code [Free Download] 2025"}]},{"@type":"WebSite","@id":"https:\/\/www.edopedia.com\/blog\/#website","url":"https:\/\/www.edopedia.com\/blog\/","name":"Edopedia","description":"Coding\/Programming Blog","publisher":{"@id":"https:\/\/www.edopedia.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.edopedia.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.edopedia.com\/blog\/#organization","name":"Edopedia","url":"https:\/\/www.edopedia.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2017\/10\/edopedia_icon_text_10.jpg","contentUrl":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2017\/10\/edopedia_icon_text_10.jpg","width":400,"height":100,"caption":"Edopedia"},"image":{"@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/person\/3951cb19e3aa56df09e408c98aa02339","name":"Furqan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e5e68aef3ad8f0b83d56f4953c512c8e57bd2e6dc64daec33b5d0495d9058f51?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e5e68aef3ad8f0b83d56f4953c512c8e57bd2e6dc64daec33b5d0495d9058f51?s=96&d=mm&r=g","caption":"Furqan"},"description":"Well. I've been working for the past three years as a web designer and developer. I have successfully created websites for small to medium sized companies as part of my freelance career. During that time I've also completed my bachelor's in Information Technology.","sameAs":["http:\/\/www.edopedia.com\/blog\/","trulyfurqan"],"url":"https:\/\/www.edopedia.com\/blog\/author\/furqan\/"}]}},"_links":{"self":[{"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/posts\/144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/comments?post=144"}],"version-history":[{"count":8,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/posts\/144\/revisions"}],"predecessor-version":[{"id":4130,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/posts\/144\/revisions\/4130"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/media\/196"}],"wp:attachment":[{"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/media?parent=144"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/categories?post=144"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/tags?post=144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}