A List of Awesome games made with HTML5 and JavaScript

by Janeth Kent Date: 01-04-2020 html5 javascript games programming online


Browsers and JavaScript are becoming more powerful and more comprehensive. There was a time when any type of game needed Flash. But the stage now is set for powerful HTML5 and WebGL games!

Here are 30 of our favorite games running in all modern browsers and only using web technologies. Enjoy!

HexGL

HexGL is a futuristic, fast-paced racing game built on HTML5, JavaScript and WebGL. You can control a space ship by using your keyboard, a touchscreen device or even a leap motion controller if you have one.

CrossCode

A retro-inspired 2D game set in the distant future. This one is full of great game mechanics such as combos, puzzles, skill trees, quests, items and more.

Bejeweled

The classic Bejeweled game in HTML5 form. This is an official clone and as such it runs and looks perfect. The ultimate time killer.

Gods Will Be Watching

You and your crew have to survive for 40 days in isolation in this creepy (but awesome) game. There are six members of your team including a dog, a psychiatrist and a robot and you have to interact with them the right way to keep them warm, fed and sane.

Swooop

Fly around and collect gems and stars in a beautiful and colorful 3D world.

Entanglement

The point of this game is to create a path as long as possible by placing segments on a grid. You can play alone on one of the many levels or play against friends.

Polycraft

In this awesome 3D game you run around collecting resources, building stuff, completing quests and fighting stuff. Everything about it is polished and it runs perfectly smooth.

2048

A very addictive game that you've probably already played. In 2048 you move numbered tiles around and merge them. Get that elusive 2018 tile to win!

Angry Birds

The (once) popular Angry Birds game in HTML5, so you can play it in your browser.

The Wizard

The Wizard is a turn-based dungeon crawler where you’ll encounter mythical monsters and find marvelous spells. The game features cool combat mechanics and can be quite challenging at times.

Little Alchemy

Start off with the four basic elements and combine them to create the 510 possible combinations.

World's Biggest PAC-MAN

A huge collection of PAC-MAN mazes - probably more then you can beat in your lifetime (this isn't a challenge, please don't try).

And that's the end of our HTML5 game list! They're all fun and have great potential to waste time. Do you have a favorite game?

Background vector created by katemangostar - www.freepik.com

 
by Janeth Kent Date: 01-04-2020 html5 javascript games programming online hits : 74972  
 
Janeth Kent

Janeth Kent

Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN END DEVELOPMENT.

 
 
 

Related Posts

Difference between arrow and normal functions in JavaScript

In this tutorial we are going to see how arrow functions differ from normal JavaScript functions. We will also see when you should use one and when you should use…

JavaScript Arrow functions: What they are and how to use them

In this article we are going to see what they are and how to use JavaScript Arrow Functions, a new feature introduced with the ES6 standard (ECMAScript 6). What are Arrow…

How to insert an element into an array with JavaScript

In this brief tutorial you will learn how to insert one or more elements into an array with JavaScript. For this we will use the splice function. The splice function will not…

What is the difference between primitives types and objects in JavaScript?

In this short tutorial we are going to look at the differences between primitive types and objects in JavaScript. To start with, we're going to look at what primitive types…

How to get DOM elements with JavaScript

When you access any element of the DOM, it is usual to save it in a variable. This is something that at first might seem very simple, but if you…

How to reverse an array in JavaScript

In this tutorial we are going to see how you can change the order of the elements of an array so that they are inverted. You could use a loop…

How synchronize the scroll of two divs with JavaScript

In case you have two divs of different sizes you may sometimes want to scroll both at the same time but at different speeds depending on their size. For example,…

How to use the codePointAt method in JavaScript

The JavaScript codePointAt method has more or less the same function as the charCodeAt method, used to get the 16-bit Unicode representation of the character at a certain position in…

How to check if a value is a number in JavaScript

In this short tutorial we are going to look at the various methods that exist to find out if a value is a number in JavaScript.   1. Using the isNaN() function   One…

How to use the charCodeAt method in JavaScript

The charCodeAt method is accepted by strings in JavaScript, returning the 16-bit Unicode code of the character at the position we pass as a parameter to the method. The charCodeAt method…

How to use the charAt method in JavaScript

The charAt method is accepted by strings in JavaScript, returning the position of the character passed as a parameter within the string. If the string contains multiple occurrences of the character…

Strings in JavaScript: What they are and how to use them

In this tutorial we are going to explain what strings are and how they are used in JavaScript. The tutorial is intended for people who are learning to program in…

We use our own and third-party cookies to improve our services, compile statistical information and analyze your browsing habits. This allows us to personalize the content we offer and to show you advertisements related to your preferences. By clicking "Accept all" you agree to the storage of cookies on your device to improve website navigation, analyse traffic and assist our marketing activities. You can also select "System Cookies Only" to accept only the cookies required for the website to function, or you can select the cookies you wish to activate by clicking on "settings".

Accept All Only sistem cookies Configuration