Total Followers 132,503
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.
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
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
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
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
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
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
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
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
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
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
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.
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
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
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
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.
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
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
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
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
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
Hope you enjoyed this collection of awesome HTML5 games. Do share your thoughts with us in the comments!
Get The Only Freelancer crash course you will ever need to read!
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 Building Impressive Presentations with Impress.js. 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
Wednesday, September 26th, 2012 09:25
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/
Tuesday, September 25th, 2012 10:56
All games are impressive & really addictive….
Please keep updating relevant content.
Monday, September 17th, 2012 11:27
Thanks for the great compilation… looking forward to trying some of these. I’ve shared this link with some friends who will love it!
Sunday, September 16th, 2012 08:18
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.
Saturday, September 15th, 2012 10:19
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. :)
Saturday, September 15th, 2012 09:12
helicopter game is classic…but in this world of fb flash games i love empires and allies to pass time
Get The Only Freelancer crash course you will ever need!
If not, then it's time to learn how to:
You can trust 1stWebDesigner to help you become a better web designer!
- Jacob Cass | Just Creative
Just enter your name and email below and click Get Updates!
Divyansh
Saturday, September 15th, 2012 09:12
helicopter game is classic…but in this world of fb flash games i love empires and allies to pass time
linaka
Sunday, September 16th, 2012 08:18
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.
Ben Chong
Saturday, September 15th, 2012 20:33
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.
Mr. Jerremy
Saturday, September 15th, 2012 10:19
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. :)
Vegau
Monday, September 17th, 2012 11:27
Thanks for the great compilation… looking forward to trying some of these. I’ve shared this link with some friends who will love it!
sagir
Monday, September 17th, 2012 12:40
I’m enjoy your games
Georg
Wednesday, September 26th, 2012 09:25
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/
Ravinder
Tuesday, September 25th, 2012 10:56
All games are impressive & really addictive….
Please keep updating relevant content.
Rhea Alonzo
Tuesday, September 18th, 2012 01:24
Infinite Mario Bros rocks!