Advertisement
  1. Web Design
  2. HTML/CSS
  3. HTML

20 meilleurs modèles de jeux HTML5 en 2017

Scroll to top
Read Time: 10 min

() translation by (you can also view the original English article)

Au cours des dernières années, HTML5 a été utilisé pour créer de nombreuses solutions en ligne. Nous l'avons également vu utilisé pour créer du plaisir! Avec la disparition de Flash, HTML5 est rapidement devenu la plate-forme universelle pour créer des jeux basés sur navigateur pour les ordinateurs de bureau et les appareils mobiles.

Que vous ayez un concept de jeu que vous aimeriez développer plus avant ou que vous souhaitiez en apprendre davantage sur les tenants et les aboutissants de HTML5, voici les 20 meilleurs modèles de jeux HTML5 de 2017 pour vous aider à créer quelque chose de génial:

1. Leaves Boy

Vous ne pourrez pas laisser ce jeu seul, vos amis devenant jaloux de vos meilleurs scores.

Mis à part tous les jeux de mots, Leaves Boy est un jeu pour mobile.

Leaves BoyLeaves BoyLeaves Boy
"Leaves Boy est un jeu à une touche addictif ..."

Les fonctionnalités incluent:

  • Partage des scores Facebook et Twitter
  • Documentation
  • Fichiers HTML5
  • et plus

Accumulez des pièces, évitez les obstacles et rebondissez pour gagner.

Utilisez Leaves Boy pour peaufiner ou utiliser comme base pour créer votre propre jeu en utilisant Construct 2.

2. Indiara and the Skull Gold

Indiara et le Skull Gold est un jeu de plateforme mobile avec une touche Indiana Jones.

Ramassez les huit crânes d'or, mais soyez à l'affût - les grottes sont pleines de pièges!

Indiara and the Skull GoldIndiara and the Skull GoldIndiara and the Skull Gold
"Rencontrer et jouer avec Indiara, une fille qui aime collectionner des objets anciens."

Caractéristiques incluses:

  • prend en charge les ordinateurs de bureau et mobiles
  • comprend des fichiers PSD et AI en couches
  • 860x480 graphiques
  • et plus

Reskin facilement ce modèle de jeu HTML5 en éditant et en remplaçant les images.

Indiara et le Skull Gold comprennent huit niveaux complets et peuvent être entièrement personnalisés en utilisant Construct 2.

3. Dont Crash

Ne plongez pas pendant que vous jouez à Dont Crash!

Lorsque deux voitures courent sur la piste, appuyez sur l'écran pour changer de voie et éviter un accident.

Dont CrashDont CrashDont Crash
"Ne vous écrasez pas, c'est la seule règle du jeu."

Les fonctionnalités incluent:

  • prend en charge à la fois mobile et bureau
  • Contrôle simple et rapide
  • 1280x720 graphiques
  • et plus

Reskin ce jeu HTML5 en utilisant les fichiers AI inclus ou changez complètement les éléments de jeu en utilisant Construct 2.

Dont Crash est simple, rapide et addictif.

4. Game FlapCat Steampunk

Game FlapCat Steampunk est un jeu HTML5 mignon et simple qui est parfaitement conçu pour les mobiles.

À quelle hauteur pouvez-vous marquer?

Game FlapCat SteampunkGame FlapCat SteampunkGame FlapCat Steampunk
«Aidez le chat FlapCat à relever des défis extrêmement difficiles.»

Les fonctionnalités incluent:

  • comprend des fichiers PSD et AI
  • 1280x720 graphiques
  • niveau infini
  • et plus

Que vous jouiez dans votre navigateur Web ou votre téléphone portable, vous n'avez besoin que d'un simple clic ou d'un clic de souris pour jouer. Facile à jouer, difficile à maîtriser.

Game FlapCat Steampunk peut facilement être revu en remplaçant les images ou entièrement personnalisé avec Construct 2.

5. Panda Love

C'est facile d'aimer Panda Love.

Avec un design simple et une approche unique, tout le monde va l'adorer, pas seulement les pandas.

Panda LovePanda LovePanda Love
“Panda Love est un jeu de plateforme d’aventure avec du pixel art.”

Les fonctionnalités incluent:

  • enregistrement automatique à l'aide de Webstorage
  • Ludei et les annonces prises en charge
  • plus de 20 niveaux
  • et plus

Ce jeu HTML5 prend en charge toutes les plates-formes et inclut le fichier Construct 2 pour une personnalisation complète.

Vous allez adorer le look et la sensation de contrôle d'une touche de Panda Love.

6. Jumper Frog - HTML5 Game

Frogger est un jeu d'arcade classique qui s'adapte parfaitement au mobile.

Faites un saut et sautez sur Jumper Frog - Jeu HTML5 pour vous amuser.

Jumper Frog - HTML5 GameJumper Frog - HTML5 GameJumper Frog - HTML5 Game

“Profitez de cette version colorée du jeu classique Frogger.”

Les fonctionnalités incluent:

  • inclut des fichiers PSD et AI pour la personnalisation
  • entièrement développé en HTML5 et CreateJS
  • entièrement personnalisable
  • et plus

Ceci est également compatible avec CTL Arcade.

The Jumper Frog - HTML5 Game apporte ce jeu d'arcade classique à n'importe quel écran.

7. Bubble Shooter - HTML5 Games

Lancez la bulle colorée en place et lorsque vous obtenez trois ou plus d'affilée, elles disparaissent. Effacer toutes les bulles pour gagner!

The Bubble Shooter - HTML5 Games est un casse-tête classique facile à apprendre, mais difficile à maîtriser.

Bubble Shooter - HTML5 GamesBubble Shooter - HTML5 GamesBubble Shooter - HTML5 Games
"Le but du jeu est d'éliminer toutes les bulles du niveau en évitant toute bulle franchissant la ligne de fond."

Les fonctionnalités incluent:

  • inclut des fichiers PSD et AI pour la personnalisation
  • entièrement développé en HTML5 et CreateJS
  • entièrement personnalisable
  • et plus

Si vous pensez que ce jeu HTML5 est amusant, n'oubliez pas de considérer également le 50 Levels Pack.

Bubble Shooter - HTML5 Games est également compatible avec CTL Arcade.

8. HTML5 Tetris

Il n'y a rien de plus addictif et amusant que Tetris, et avec les niveaux illimités de HTML5 Tetris, vous ne pourrez littéralement pas arrêter de jouer.

HTML5 TetrisHTML5 TetrisHTML5 Tetris
«Fonctionne sur tous les navigateurs HTML5»

Les fonctionnalités incluent:

  • facile à personnaliser
  • support tactile
  • sept thèmes
  • et plus

Personnalisez entièrement les images et les sons, mais surtout, vous aurez un plaisir illimité avec HTML5 Tetris.

9. Katana Fruits - HTML5 Game

Si vous êtes familier avec Fruit Ninja, vous serez familier avec Katana Fruits - HTML5 Game.

Katana Fruits - HTML5 GameKatana Fruits - HTML5 GameKatana Fruits - HTML5 Game
"L'objectif est de couper tous les fruits qui apparaissent sur l'écran sans les laisser tomber et éviter les bombes."

Les fonctionnalités incluent:

  • inclut des fichiers PSD et AI pour la personnalisation
  • entièrement développé en HTML5 et CreateJS
  • promouvoir avec des boutons de partage social
  • entièrement personnalisable
  • et plus

Ce jeu HTML5 est compatible avec CTL Arcade pour WordPress et peut être facilement personnalisé.

Aiguisez votre Katana, il est temps de couper quelques fruits avec le jeu Katana Fruits - HTML5.

10. The Sorcerer - HTML5 Puzzle Game

Au moment où l'écran se charge, vous saurez quoi faire. Inspiré par Zuma, The Sorcerer - HTML5 Puzzle Game est un succès immédiat.

The Sorcerer - HTML5 Puzzle GameThe Sorcerer - HTML5 Puzzle GameThe Sorcerer - HTML5 Puzzle Game
"The Sorcerer a été récompensé comme le meilleur jeu de puzzle du concours HTML5 Most Wanted"

Les fonctionnalités incluent:

  • entièrement développé en HTML5 et CreateJS
  • code source inclus
  • entièrement personnalisable
  • et plus

Mobile ou de bureau, la résolution 960x540 est entièrement optimisée.

The Sorcerer - HTML5 Puzzle Game est difficile à mettre en place, vous pouvez donc envisager d’acquérir des niveaux supplémentaires.

11. Rearrange Letters - HTML5 Game

On vous donne un indice et un fouillis de lettres. En gardant cette idée à l’esprit, réorganisez les lettres jusqu’à ce que vous ayez le bon mot à mesure que le compte à rebours avance.

Voilà comment réorganiser les lettres - le jeu HTML5 fonctionne.

Rearrange Letters - HTML5 GameRearrange Letters - HTML5 GameRearrange Letters - HTML5 Game
"Rearrange Letters est un jeu HTML5 où vous pouvez organiser les lettres et créer le bon mot avec la description donnée comme indice."

Les fonctionnalités incluent:

  • personnaliser le texte, le mode de jeu et la minuterie
  • médias sociaux score élevé
  • contrôle de la souris et du toucher
  • Résolution 1024x768
  • et plus

Avec beaucoup de personnalisations et construit en utilisant CreateJS, vous pouvez réimaginer Rearrange Letters-HTML5 Game comme vous le souhaitez.

12. Word Search Game

Si vous aimez les recherches de mots, ne cherchez plus. Vous avez besoin de ce jeu HTML5: Word Search Game.

Word Search GameWord Search GameWord Search Game
“Très addictif.”

Les fonctionnalités incluent:

  • gérer les options de jeu dans l'interface d'administration incluse
  • fonctionne sur tout, de l'iPad à IE6
  • prise en charge unicode - utilisez des caractères
  • et plus

Léger et facile à installer, le Word Search Game est une excellente trouvaille.

13. Coloring Book - HTML5 Game

Simple. Créatif. Idéal pour les enfants.

Le Coloring Book - HTML5 Game est un livre de coloriage virtuel avec une prise en charge tactile complète et adapté à toutes les tailles, sur tous les appareils.

Coloring Book - HTML5 GameColoring Book - HTML5 GameColoring Book - HTML5 Game
"Ce jeu est un jeu de coloriage et peut être très intéressant pour les enfants."

Les fonctionnalités incluent:

  • coloration lisse
  • système d'impression
  • 24 couleurs
  • et plus

Dans son troisième itinéraire, Coloring Book - HTML5 Game est devenu un jeu de coloriage HTML5 de premier plan.

14. Canvas Puzzle

N’importe quelle image de votre choix, créez un puzzle de drag-and-drop HTML5 jeu utilisant Canvas Puzzle.

Canvas PuzzleCanvas PuzzleCanvas Puzzle
"... un puzzle HTML5 entièrement personnalisable et facile à mettre en œuvre ..."

Les fonctionnalités incluent:

  • faites glisser et déposez les images de votre bureau pour créer des puzzles
  • choisir n'importe quel nombre de pièces
  • désactiver la rotation des pièces
  • et plus

Simple, léger et personnalisable, Canvas Puzzle est un jeu HTML5 que tout le monde peut apprécier.

15. Sliding Puzzle

Un autre casse-tête intéressant, Sliding Puzzle, vous permet de faire glisser les pièces jusqu'à ce que l'image soit complète.

Sliding PuzzleSliding PuzzleSliding Puzzle
“Trois modes de jeu!”

Les fonctionnalités incluent:

  • trois modes: classique, défi et amusant
  • pleine fenêtre ou taille de toile fixe
  • packs d'images personnalisables
  • personnalisable et plus

Sliding Puzzle mélange bien les choses avec le mode de jeu multiple et la possibilité d'ajouter vos propres images.

16. Sweety Memory - HTML5 Game

Vous souvenez-vous de la mémoire?

Sweety Memory-HTML5 Game fonctionne de la même manière. Retournez les cartes, faites les matchs et gagnez!

Sweety Memory - HTML5 GameSweety Memory - HTML5 GameSweety Memory - HTML5 Game
"Associez toutes les cartes identiques avant la fin du temps imparti!"

Les fonctionnalités incluent:

  • entièrement personnalisable avec les fichiers PSD et AI inclus
  • entièrement développé en HTML5 et CreateJS
  • code source inclus
  • et plus

Mobile ou de bureau, la résolution de 960 x 1200 évolue pour s'adapter à tout l'écran de presque tous les appareils.

Sweety Memory - HTML5 Game est également compatible avec CTL Arcade.

17. HTML5 3D BlackJack - HTML5 Casino Game

HTML5 3D BlackJack - HTML5 Le jeu de casino n'est pas conçu pour être utilisé avec de l'argent réel: il s'agit simplement d'un jeu amusant à jouer.

HTML5 3D BlackJack - HTML5 Casino GameHTML5 3D BlackJack - HTML5 Casino GameHTML5 3D BlackJack - HTML5 Casino Game
“Profitez de ce jeu de blackjack avec des graphismes 3D haute résolution!”

Les fonctionnalités incluent:

  • Fichiers HTML5 et CreateJS entièrement personnalisables
  • fonction d'assurance, double pari et main partagée
  • Fichiers PSD et AI pour une personnalisation facile
  • et plus

Ce jeu HTML5 est également compatible avec CTL Arcade pour WordPress.

Monétiser facilement avec des bannières publicitaires et promouvoir avec des boutons de partage social inclus dans HTML5 3D BlackJack - HTML5 Casino Game.

18. 3D Roulette - HTML5 Casino Game

Ceci est un autre jeu de casino de haute qualité conçu pour le plaisir. La 3D Roulette - HTML5 Casino Game comprend de nombreuses fonctionnalités et est très bien conçue.

3D Roulette - HTML5 Casino Game3D Roulette - HTML5 Casino Game3D Roulette - HTML5 Casino Game
"Le jeu contient toutes les fonctionnalités principales du jeu de roulette comme Voisins zero, tier, orphelins, voisin, paris final."

Les fonctionnalités incluent:

  • Fichiers HTML5 et CreateJS entièrement personnalisables
  • Fichiers PSD et AI pour une personnalisation facile
  • résolution 750x600 entièrement réactive
  • et plus

Ce jeu HTML5 est également compatible avec CTL Arcade pour WordPress, mais si vous recherchez une version centrée sur le mobile, je vous recommande la Roulette Royale.

3D Roulette - HTML5 Casino Game est le jeu HTML5 parfait pour le bureau, la roulette dans le navigateur.

19. Missiles Again - HTML5 game (Construct 2 Capx) + Admob

Missiles Again - Le jeu HTML5 (Construct 2 Capx) + Admob est un jeu-temps amusant qui fonctionne sur presque toutes les plates-formes possibles.

Missiles Again - HTML5 game Construct 2 Capx AdmobvvvvvvvvvvvvvvvvvvvvvvvvMissiles Again - HTML5 game Construct 2 Capx AdmobvvvvvvvvvvvvvvvvvvvvvvvvMissiles Again - HTML5 game Construct 2 Capx Admobvvvvvvvvvvvvvvvvvvvvvvvv
"Contrôler l'avion pour collecter toutes les étoiles et éviter tous les missiles!"

Les fonctionnalités incluent:

  • code facile à personnaliser avec Construct 2
  • Fichiers PNG et PSD pour une personnalisation facile
  • prend en charge AdMob Ads
  • et plus

Un jeu HTML5 amusant et bien conçu, Missiles Again - HTML5 (Construct 2 Capx) + Admob est un jeu à ne pas manquer.

20. HTML5 Game Bundles

Parfois, il vaut mieux acheter en vrac.

Si vous envisagez plusieurs jeux HTML5, vous pouvez consulter ces ensembles de jeux HTML5 pour voir si vous pouvez payer moins et recevoir plus.

HTML5 Game BundlesHTML5 Game BundlesHTML5 Game Bundles

Quelques titres de divers lots incluent:

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

Parmi les meilleurs ensembles de jeux HTML5 à prendre en compte, on peut citer Super Bundle No 1 (50 jeux), 24-Games in 1 Bundle et HTML5 Games Bundle No. 2 (9 jeux).

Conclusion

Passer par cette liste peut vous inciter à peaufiner, à modifier ou à créer quelque chose de complètement nouveau - en utilisant l'un de ces jeux HTML5 comme modèle de réussite. Que vous publiiez un jeu d'arcade sur votre site Web, que vous gagniez des revenus grâce à la publicité ou que vous souhaitiez approfondir vos connaissances en HTML5 en utilisant des modèles de jeu, vous êtes sûr de trouver quelque chose que vous recherchez chez Envato Market.

Vous pouvez également trouver des tutoriels utiles sur le code Envato Tuts + sur game design ou game mechanics, ainsi que des HTML5 tutorials pour vous aider à démarrer.

Jeux et codage Deux choses incroyablement amusantes à faire.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.