Quantcast
Channel: Envato Tuts+ Code - Mobile Development
Viewing all articles
Browse latest Browse all 1836

20 Best HTML5 Game Templates of 2018 With Source Code

$
0
0

Over the past several years, we have seen HTML5 used to create many great online solutions. We have also seen it used to create some great fun! With the vanishing of Flash, HTML5 quickly became the universal platform to create browser-based games for both desktop and mobile devices.

Here are the 20 best HTML5 game templates and engines of 2018. Whether you already have a game concept to build or would like a fun way to learn more about making mobile games, download the source code today and get started making something awesome.

1. Banana Jump

If you want to play a game with infinite jumping, give Banana Jump a try. The same can be said if that's what you would like to code!

Banana Jump Capx

Features include:

  • touch and mouse support
  • includes a Construct2 file
  • supports Android and iOS
  • and more

Begin playing, editing, and jumping with Banana Jump.

2. Indiara and the Skull Gold

Indiara and the Skull Gold is a mobile platformer with an Indiana Jones feel to it.

Collect the eight gold skulls, but be on the lookout—the caves are full of traps!

Indiara and the Skull Gold
“Meet and play with Indiara, a girl who loves to collect ancient artifacts.”

Features included:

  • supports both desktop and mobile
  • includes layered PSD and AI files
  • 860x480 graphics
  • and more

Easily reskin this HTML5 game template by editing and replacing the images.

Indiara and the Skull Gold includes eight complete levels and can be completely customized by using Construct 2.

3. Don't Crash

Don't crash while you play Don't Crash!

As two cars race around the track, tap the screen to change lanes and avoid a crash.

Dont Crash
“Don’t crash—this is the only rule of the game.”

Features include:

  • supports both mobile and desktop
  • easy, one-touch control
  • 1280x720 graphics
  • and more

Reskin this HTML5 game using the included AI files or completely change the game elements using Construct 2.

Dont Crash is simple, fast, and addictive.

4. Game FlapCat Steampunk

Game FlapCat Steampunk is a cute and simple HTML5 game that's perfectly made for mobile.

How high can you score?

Game FlapCat Steampunk
“Help the cat FlapCat to go through challenges that are super difficult.”

Features include:

  • includes PSD and AI files
  • 1280x720 graphics
  • infinite level
  • and more

Whether you're playing in your web browser or mobile phone, all you need is a single touch or mouse click to play. Easy to play, hard to master.

Game FlapCat Steampunk can easily be re-skinned by replacing the images or fully customized with Construct 2.

5. Smiley Ball

Smiley Ball will put a smile on your face.

Actually, 1 of 5 different smilies.

Smiley Ball

Built with Construct 2, it supports both desktop and mobile devices, and it is easy to change out the elements and edit the source code to make your own game.

With five different smilies to choose from, the Smiley Ball adventure will take you through 20 levels full of spikes and obstacles to avoid before reaching your goal.

6. Jumper Frog

Frogger is a classic arcade game that makes a great adaptation to mobile.

Take a leap and jump on Jumper Frog for some fun.

Jumper Frog - HTML5 Game

“Enjoy this colorful version of the classic game Frogger.”

Features include:

  • includes PSD and AI files for customization
  • fully developed in HTML5 and CreateJS
  • fully customizable
  • and more

This is also compatible with CTL Arcade.

Jumper Frog brings this arcade classic to any screen.

7. Bubble Shooter

Launch the colorful bubble into place, and when you get three or more in a row, they disappear. Clear all the bubbles to win!

Bubble Shooter is a classic puzzler that's easy to learn, but hard to master.

Bubble Shooter - HTML5 Games
“The goal of the game is to clear all the bubbles from the level avoiding any bubble crossing the bottom line.”

Features include:

  • includes PSD and AI files for customization
  • fully developed in HTML5 and CreateJS
  • fully customizable
  • and more

If you think this HTML5 game is fun, be sure to also consider the 50 Levels Pack.

Bubble Shooter is also compatible with CTL Arcade.

8. Diamond Hunter

Diamond Hunter is a fast-paced avoidance game: avoid rocks and bombs, while you collect diamonds.

Diamond Hunter - HTML5 Avoidance Game

Features include:

  • HTML5 mobile optimized
  • Android, iOS, multi-platform
  • uses Construct 2 and 3 native plugins
  • and more

Diamond Hunter provides a retro feel and includes all game assets.

9. Katana Fruits

If you're familiar with Fruit Ninja, you'll be familiar with Katana Fruits.

Katana Fruits - HTML5 Game
“The goal is to cut all the fruits that appear on the screen without dropping them and avoid the bombs.”

Features include:

  • includes PSD and AI files for customization
  • fully developed in HTML5 and CreateJS
  • promote with social share buttons
  • fully customizable
  • and more

This HTML5 game is compatible with CTL Arcade for WordPress and can be easily customized.

Sharpen your Katana, it's time to slash some fruit with the Katana Fruits.

10. The Sorcerer

The moment the screen loads, you'll know what to do. Inspired by Zuma, The Sorcerer is an instant puzzle game hit.

The Sorcerer - HTML5 Puzzle Game
“The Sorcerer was awarded as the best puzzle game in HTML5 Most Wanted contest”

Features include:

  • fully developed in HTML5 and CreateJS
  • source code included
  • fully customizable
  • and more

Mobile or desktop, the 960x540 resolution is fully optimized.

The Sorcerer is hard to put down, so you may want to consider acquiring extra levels, too.

11. Rearrange Letters

You're given a clue and a jumbled mess of letters. With the clue in mind, rearrange the letters until you've got the word right as the timer counts down.

That's how the Rearrange Letters HTML 5 game works.

Rearrange Letters - HTML5 Game
“Rearrange Letters is an HTML5 game where you can arrange the letters and make the right word with the given description as a clue.”

Features include:

  • customize the text, game mode, and timer
  • social media high score sharer
  • mouse and touch control
  • 1024x768 resolution
  • and more

With plenty of customizations and built using CreateJS, you can reimagine Rearrange Letters any way you like.

12. Rolling Cheese

The Rolling Cheese physics game has a tiny hero: help this little hungry mouse get the cheese by rolling it through obstacle courses to reach the mouse.

Rolling Cheese - HTML5 Physics Game

Features include:

  • fully customizable with included source code
  • optimized for both mobile and desktop
  • developed in HTML5, JavaScript, and CreateJS
  • and more

Rolling Cheese is one of the few games in this list not designed using Construct or a similar framework.

13. Smath Pong

Smath Pong is a casual game where the objective is to keep hitting the ball for as long as possible—but the ball moves faster and faster with time.

Smath Pong C2  C3  HTML Game

Features include:

  • easy to edit
  • uses Construct2 and Construct3
  • infinite levels
  • includes files (.capx, c3p, .html, .png, .m4a, .ogg)
  • and more

Smath Pong includes documentation and needs no programming knowledge to edit.

14. Zombie Defense

A zombie defense HTML5 game? Yes, please.

Your objective is to shoot the zombies as they walk towards you, lowering their health meter with every shot.

Features include:

  • mobile and desktop optimized
  • supports mouse/keyboard
  • HTML5 files and documentation
  • and more

The Zombie Defense is ready to edit—or play.

15. Quiz Game

Build your own custom mobile quiz game using Quiz Game.

Quiz Game - HTML5 Game
"Quiz Game is a HTML5 game with free general knowledge quiz questions and multiple choice answers."

Features include:

  • built-in editor tool
  • 17 different answer layouts
  • optional audio for questions and answers
  • optional right and wrong answer animations
  • option to display the correct answer
  • fully responsive
  • built with CreateJS
  • and more

With the questions, answers, and category loaded from an XML file, you'll be able to spin up many different types of quizzes using Quiz Game.

16. Sweety Memory

Do you remember Memory? Sweety Memory is an HTML 5 game that works the same way. Flip the cards, make the matches, and win!

Sweety Memory - HTML5 Game
“Match all the identical cards before time runs out!”

Features include:

  • fully customizable with included PSD and AI files
  • fully developed in HTML5 and CreateJS
  • source code included
  • and more

Mobile or desktop, the 960x1200 resolution scales to fit the whole screen of almost any device.

Sweety Memory is also compatible with CTL Arcade.

17. 3D BlackJack

3D BlackJack is an HTML5 casino game that isn't designed to be used with real money—it is simply a fun game to play.

HTML5 3D BlackJack - HTML5 Casino Game
“Enjoy this blackjack game with hi-res 3D graphics!”

Features include:

  • fully customizable HTML5 and CreateJS files
  • insurance feature, double bet, and split hand
  • PSD and AI files for easy customization
  • and more

This HTML5 game is also compatible with CTL Arcade for WordPress.

You can easily monetize your app with banner ads and promote it with the social share buttons included with 3D BlackJack.

18. 3D Roulette

This is another high-quality casino game built for fun. The 3D Roulette game includes many great features and is designed really well.

3D Roulette - HTML5 Casino Game
“The game contains all the main roulette game features like Voisins zero, tier, orphelins, neighbor, final bets.”

Features include:

  • fully customizable HTML5 and CreateJS files
  • PSD and AI files for easy customization
  • fully responsive 750x600 resolution
  • and more

This HTML5 game is also compatible with CTL Arcade for WordPress, but if you're looking for a mobile-centric version, I recommend Roulette Royale.

3D Roulette is the perfect desktop, in-browser roulette HTML5 game.

19. Missiles Again

Missiles Again is a fun time-killer that works on almost every possible platform.

Missiles Again - HTML5 game Construct 2 Capx  Admobvvvvvvvvvvvvvvvvvvvvvvvv
“Control the plane to collect all stars and avoid all missiles!”

Features include:

  • easy code that can be customized with Construct 2
  • PNG and PSD files for easy reskin
  • supports AdMob Ads
  • and more

A fun, well-designed HTML5 game, Missiles Again is one you don't want to miss.

20. HTML5 Game Bundles

Sometimes it's better to buy in bulk.

If you are considering multiple HTML5 games, you may want to look through these HTML5 Game Bundles to see if you can pay less and receive more.

HTML5 Game Bundles

A few titles from various bundles include:

  • Fruit Slasher
  • Brick Out
  • Ninja Run
  • Tank Defender
  • Billiards
  • Cars
  • Monster Match-3
  • Bubble Shooter
  • Space Purge
  • Duck Shooter
  • Girl Dress Up
  • and more!

Some of the best HTML5 Game Bundles to consider include Super Bundle No 1 (50 games), 24-Games in 1 Bundle, and HTML5 Games Bundle No. 2 (9 games).

Conclusion

Going through this list may inspire you to reskin, tweak, or build something completely new—using one of these HTML5 games as a template towards success. Whether you publish a game arcade on your website, earn revenue with advertising, or would like to dig deeper in HTML5 using game templates, you're sure to find something you're looking for from the Envato Market.

You can also find useful Envato Tuts+ code tutorials on game design or game mechanics, as well as HTML5 tutorials to get you started.

Gaming and coding. Two things that are incredibly fun to do, and even better together!

2018-08-09T02:54:18.685Z2018-08-09T02:54:18.685ZEric Dye

Viewing all articles
Browse latest Browse all 1836

Trending Articles