20 Addictive HTML5 Games For You To Enjoy

Posted in 1WD Features, Tools, Web Design2 years ago • Written by 9 Comments

HTML5 game development is a trending topic that developers and designers often talk about these days. It is slowly but surely replacing Flash with its support for animations and game development in combination with JavaScript. You will see that more and more HTML5 games are created everyday with awesome graphics and cool effects. In this round-up, we are going to provide you with a list of addictive HTML5 games.

1. Grav Suit

Grav Suit HTML5 Game

Excellent game for learning gravity in space. You have to move the astronaut to the block in green indicated by the arrow before the Health gets empty.

How to Play

Fire the gravity beam towards objects to move by clicking the left mouse button and holding it. Make sure you avoid clashes with objects and try to get astronaut to the block in green.

Controls: Mouse Click

Play

2. Basketball hotpot Challenge by Google

Basketball HTML5 Game

Fantastic Basketball game using HTML5. You are given 35 seconds to shoot at the basket. Each ball will be positioned in different places and you have to make the basket from the given position.

How to Play

Moving your mouse will draw an arrow towards the target. You have to aim properly using the arrow guideline and shoot at the basket using mouse click.

Controls: Mouse move and left click

Play

3. Magician

Magician HTML5 Game

Magician has to rescue the angels using the magic stick. Every time you fail to rescue an angel the top green bar decreases its value. You have to score maximum points before the green bar gets empty.

How to Play

Shoot at the bubbles around each angle before they disappear from the screen.

Controls: Mouse Click

Play

4. Super Curve

Super Curve HTML5 Game

Super Curve is a 3D bouncing ball game like squash. It is a two player game between you and computer. Each player is given 5 chances and you have to beat the computer before 5 chances are taken.

How to Play

Click the blue ball to start the game and move the mouse to prevent the ball from hitting your own side.

Controls: Mouse Click and Move

Play

5. Agent 008 Ball

Agent 008 Ball HTML5 Game

Agent 008 Ball is a cool HTML5 pool game built using kbuild. You should sink as many balls as possible before time runs out.

How to Play

Move the mouse to get the direction of your shot. Then hold it and drag backwards to get the power and release the shot.

Controls: Mouse Click and Move

Play

6. Z-Type

Z-Type HTML5 Game

Excellent game for improving your typing speed and accuracy. Random words will move from top to bottom and you have to type them before they disappear.

How to Play

Type the letters of the words and destroy them. Once you start on a word, you have to complete it before typing another word.

Controls: Keyboard

Play

7. Bejeweled

Bejeweled HTML5 Game

The goal of Bejeweled is to swap pairs of gems in order to create sets of three or more. You have to score maximum points and the game ends when you run out of moves (in Classic Mode) or when you run out of time (in Speed Mode).

How to Play

Swap gems with adjacent gems to make lines of three.

Controls:Mouse Click

Play

8. Click Pong

Click Pong HTML5 Game

Simple and addictive HTML5 game to improve your aiming skills. You need to put the ball into the cup using the support of the blocks given.

How to Play

Get direction and click the left button to put the ball into the cup within 3 shots.

Controls: Mouse Click

Play

9. HTML5 Helicopter

HTML5 Helicopter Game

You have to take the helicopter to the maximum distance without crashing into the walls. Very interesting game and you need to have skills to avoid crashing.

How to Play

Once the game is started keep your left button pressed so that helicopter will go up. Leave the button to get the helicopter down. You have to avoid hitting top and bottom of the screen as well as walls on the way.

Controls: Enter Key or Left Mouse Button

Play

10. Sketchout

Sketchout HTML5 Game

Sketchout is a awesome HTML game with cool effects. There is an alien ship firing missiles towards the planet and we have to save the planet from being attacked by missiles and score maximum points. This game has 4 levels.

How to Play

Move the mouse and redirect the missiles towards the alien ship to destroy it. Make sure you don’t redirect missiles towards your own ship.

Controls: Mouse move

Play

11. Infinite Mario Bros

Infinite Mario Bros HTML5 Game

HTML 5 version of Super Mario game we used to play in childhood.Enjoy the game and save the princess.

How to Play

Move forward with arrow keys and get points by using coins. Avoid contact with the species and kill them by jumping or firing.

Controls: Left/Right Arrows to move S to jump and A to fire.

Play

12. HTML5 Chess Game

HTML5 Chess Game

Chess game with both 2D and 3D view.All the moves are captured on the right side window. It allows you to export and import the game movements as a PGN file.

How to Play

Click on a piece and click on the square you want it to be moved. Computer will play automatically after your move.

Controls: Mouse Click

Play

13. Spot the Differences

Spot the Differences

Image matching game where you need to spot the 5 differences between 2 images given in each level without making mistakes.

How to Play

Find the differences between the 2 images and mark it using mouse click.

Controls: Mouse Click

Play

14. Manic Soccer

Manic Soccer HTML5 Game

Interesting soccer game where you need to score 10 goals within the given time to win.Very fast moving game.

How to Play

Hold the left button and move the mouse to move the player with ball. Right click to kick and find the goal.

Controls: Mouse move and click

Play

15. Contrasaurus

Contrasaurus HTML5 Game

Contrasaurus is a game played in a land with dinosaurs. You have to score points by killing the other dinosaurs and avoid bombs.

How to Play

Move the dinosaur forward and kill the other dinosaurs.

Controls: Arrow keys to move and space-bar to kill.

Play

16. Bandit Racer

Bandit Racer HTML5 Game

Bandit Racer is car racing game built using GameJS framework and Box2D physics engine. There are 4 laps and you need to beat other cars. You are allowed to fire at other cars as well.

How to Play

Use arrow keys to control the direction and X and V buttons for firing at other cars.

Controls: Arrow Keys and X,C,V keys

Play

17. Canvas Defence

Canvas Defence HTML5 Game

Canvas Defence is HTML5 game developed to defend your base from invaders trying to get through your units.

How to Play

Use click or drag according to the unit you are placing and prevent the invaders from destroying your base.

Controls: Mouse Click and Drag

Play

18. Hobo With a Shotgun

Hobo With a Shotgun HTML5 Game

This is a fighting game built with HTML5 where the boss needs to save the town from criminals.

How to Play

Move the boss by using arrow keys and use S to kick and A to fire.

Controls: Arrow Keys and S, A Keys

Play

19. Ground Control

Ground Control HTML5 Game

Fast moving war game with plenty of shooting.Try to score maximum points before your truck is destroyed.

How to Play

Fire at the rocks and flying objects and jump across the areas created by bombs.

Controls: Arrow Keys and Space-bar

Play

20. JS WARS

JS WARS HTML5 Game

JS WARS is a classic shoot ‘em up written to demonstrate the power of modern web browsers using HTML5 technology.Your mission is to find and destroy Dr. Skull!

How to Play

You can control your ship using the arrow keys. Press space to fire your primary weapon or Ctrl to fire the secondary missiles.

Controls: Arrow Keys and Space-bar

Play

Hope you enjoyed this collection of awesome HTML5 games. Do share your thoughts with us in the comments!

22 Written ArticlesWebsiteGoogle+

Rakhitha Nimesh is a software engineer and writer from Sri Lanka. He likes to develop applications and write on latest technologies. He is available for freelance writing and WordPress development. You can read his latest book on WordPress Web Application Development. He is a regular contributor to 1stWebDesigner, Tuts+ network and Sitepoint network. Make sure to contact him at www.innovativephp.com or follow him on Twitter and Google+

9 Comments Best Comments First
  • Divyansh

    Saturday, September 15th, 2012 09:12

    1

    helicopter game is classic…but in this world of fb flash games i love empires and allies to pass time

    +5
  • sagir

    Monday, September 17th, 2012 12:40

    6

    I’m enjoy your games

    +3
  • linaka

    Sunday, September 16th, 2012 08:18

    4

    I loved the supercurve one, a real twist on the classic ping pong game. I’m curious how far HTML 5 games will go in the future.

    +3
  • Ravinder

    Tuesday, September 25th, 2012 10:56

    8

    All games are impressive & really addictive….
    Please keep updating relevant content.

    +3
  • Ben Chong

    Saturday, September 15th, 2012 20:33

    3

    awesome compilation! We’ve got a ton of HTML5 games made by indie developers on MarketJS, and it’s refreshing to see HTML5 games getting some mention.

    +2
  • Vegau

    Monday, September 17th, 2012 11:27

    5

    Thanks for the great compilation… looking forward to trying some of these. I’ve shared this link with some friends who will love it!

    +2
  • Georg

    Wednesday, September 26th, 2012 09:25

    9

    Thank you for sharing. I’d just like to share another HTML5 game wth you. Maybe you also enjoy playing this:

    http://www.a5-animator.com/Pages/Examples_8#prettyPhotoiframes1/0/

    +1
  • Rhea Alonzo

    Tuesday, September 18th, 2012 01:24

    7

    Infinite Mario Bros rocks!

    0
  • Mr. Jerremy

    Saturday, September 15th, 2012 10:19

    2

    HTML5 games are very impressive. I really like every game featured here and looking forward to play all of these games. I must say graphics works of these games are awesome. Thanks for lovely sharing. :)

    -1
  • Georg

    Wednesday, September 26th, 2012 09:25

    9

    Thank you for sharing. I’d just like to share another HTML5 game wth you. Maybe you also enjoy playing this:

    http://www.a5-animator.com/Pages/Examples_8#prettyPhotoiframes1/0/

    +1
  • Ravinder

    Tuesday, September 25th, 2012 10:56

    8

    All games are impressive & really addictive….
    Please keep updating relevant content.

    +3
  • Rhea Alonzo

    Tuesday, September 18th, 2012 01:24

    7

    Infinite Mario Bros rocks!

    0
  • sagir

    Monday, September 17th, 2012 12:40

    6

    I’m enjoy your games

    +3
  • Vegau

    Monday, September 17th, 2012 11:27

    5

    Thanks for the great compilation… looking forward to trying some of these. I’ve shared this link with some friends who will love it!

    +2
  • linaka

    Sunday, September 16th, 2012 08:18

    4

    I loved the supercurve one, a real twist on the classic ping pong game. I’m curious how far HTML 5 games will go in the future.

    +3
  • Ben Chong

    Saturday, September 15th, 2012 20:33

    3

    awesome compilation! We’ve got a ton of HTML5 games made by indie developers on MarketJS, and it’s refreshing to see HTML5 games getting some mention.

    +2
  • Mr. Jerremy

    Saturday, September 15th, 2012 10:19

    2

    HTML5 games are very impressive. I really like every game featured here and looking forward to play all of these games. I must say graphics works of these games are awesome. Thanks for lovely sharing. :)

    -1
  • Divyansh

    Saturday, September 15th, 2012 09:12

    1

    helicopter game is classic…but in this world of fb flash games i love empires and allies to pass time

    +5

Comments are closed.

54.198.142.255 - unknown - unknown - US