Advertisement
  1. Code
  2. HTML5

20 besten HTML5-Spielvorlagen von 2017

by
Read Time:12 minsLanguages:

German (Deutsch) translation by Tatsiana Bochkareva (you can also view the original English article)

In den letzten Jahren wurde HTML5 verwendet, um viele großartige Online-Lösungen zu erstellen. Wir haben auch gesehen, dass es Spaß gemacht hat! Mit dem Verschwinden von Flash wurde HTML5 schnell zur universellen Plattform für die Erstellung browserbasierter Spiele für Desktop- und Mobilgeräte.

Egal, ob Sie ein Spielkonzept haben, das Sie weiter ausarbeiten möchten, oder eine unterhaltsame Möglichkeit, mehr über die Vor- und Nachteile von HTML5 zu erfahren, hier sind die 20 besten HTML5-Spielvorlagen des Jahres 2017, mit denen Sie anfangen können, etwas Fantastisches zu machen:

1. Leaves Boy

Sie werden dieses Spiel nicht alleine lassen können, da Ihre Freunde eifersüchtig auf Ihre Highscores werden.

Leaves Boy ist ein Spiel für Handys.

Leaves BoyLeaves BoyLeaves Boy
"Leaves Boy ist ein süchtig machendes One-Touch-Spiel..."

Features sind:

  • Facebook und Twitter Highscore Sharer
  • Dokumentation
  • HTML5-Dateien
  • und mehr

Sammle Münzen, weiche Hindernissen aus und mache dich auf den Weg zum Sieg.

Verwenden Sie Leaves Boy zum Skinieren oder als Grundlage, um mit Construct 2 Ihr eigenes Spiel zu erstellen.

2. Indiara and the Skull Gold

Indiara and the Skull Gold ist ein mobiler Plattformer mit einem Indiana Jones-Feeling.

Sammeln Sie die acht goldenen Schädel, aber halte Ausschau - die Höhlen sind voller Fallen!

Indiara and the Skull GoldIndiara and the Skull GoldIndiara and the Skull Gold
"Treffen und spielen Sie mit Indiara, einem Mädchen, das es liebt, alte Artefakte zu sammeln."

Eigenschaften enthalten:

  • unterstützt sowohl Desktop als auch Mobile
  • Enthält geschichtete PSD- und AI-Dateien
  • 860x480 Grafiken
  • und mehr

Ändern Sie diese HTML5-Spielvorlage einfach neu, indem Sie die Bilder bearbeiten und ersetzen.

Indiara und der Schädel Gold enthält acht vollständige Level und kann mit Construct 2 vollständig angepasst werden.

3. Dont Crash

Stürzen Sie nicht ab, während Sie Dont Crash spielen!

Wenn zwei Autos über die Strecke rasen, tippen Sie auf den Bildschirm, um die Spur zu wechseln und einen Unfall zu vermeiden.

Dont CrashDont CrashDont Crash
"Nicht abstürzen - das ist die einzige Regel des Spiels."

Features sind:

  • Mobile als auch Desktopversion
  • einfache One-Touch-Steuerung
  • 1280x720 Grafiken
  • und mehr

Reskin dieses HTML5-Spiel mit den enthaltenen AI-Dateien oder ändern Sie die Spielelemente vollständig mit Construct 2.

Dont Crash ist einfach, schnell und macht süchtig.

4. Game FlapCat Steampunk

Game FlapCat Steampunk ist ein süßes und einfaches HTML5-Spiel, das perfekt für Handys gemacht ist.

Wie hoch können Sie erzielen?

Game FlapCat SteampunkGame FlapCat SteampunkGame FlapCat Steampunk
"Helfen Sie der Katze FlapCat, Herausforderungen zu meistern, die sehr schwierig sind."

Features sind:

  • PSD- und AI-Dateien
  • 1280x720 Grafiken
  • unendliche Ebene
  • und mehr

Unabhängig davon, ob Sie in Ihrem Webbrowser oder auf Ihrem Mobiltelefon spielen, benötigen Sie zum Spielen nur einen einzigen Tastendruck oder einen Mausklick. Leicht zu spielen, schwer zu meistern.

Game FlapCat Steampunk kann einfach durch Ersetzen der Bilder neu gehäutet oder vollständig durch Construct 2 angepasst werden.

5. Panda Love

Es ist leicht, Panda Love zu lieben.

Mit einfachem Design und einzigartigem Ansatz wird es jeder lieben - nicht nur Pandas.

Panda LovePanda LovePanda Love
"Panda Love ist ein Abenteuer-Plattformer mit Pixelkunst."

Features sind:

  • Automatische Speicherung mit Webstorage
  • Ludei und ADS
  • über 20 Ebenen
  • und mehr

Dieses HTML5-Spiel unterstützt alle Plattformen und enthält die Construct 2-Datei zur vollständigen Anpassung.

Sie werden das Aussehen und die One-Touch-Steuerung von Panda Love lieben.

6. Jumper Frog - HTML5 Game

Frogger ist ein klassisches Arcade-Spiel, das sich hervorragend an Handys anpassen lässt.

Machen Sie einen Sprung und springen Sie auf Jumper Frog - HTML5 Game, um Spaß zu haben.

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

"Genießen Sie diese farbenfrohe Version des klassischen Spiels Frogger."

Features sind:

  • PSD- und AI-Dateien zur Anpassung
  • vollständig in HTML5 und CreateJS entwickelt
  • vollständig anpassbar
  • und mehr

Sie ist auch mit CTL Arcade kompatibel.

Das Jumper Frog - HTML5-Spiel bringt diesen Arcade-Klassiker auf jeden Bildschirm.

7. Bubble Shooter - HTML5-Spiele

Starten Sie die bunte Blase an ihrem Platz, und wenn Sie drei oder mehr hintereinander erhalten, verschwinden sie. Lösche alle Blasen, um zu gewinnen!

Der Bubble Shooter - HTML5 Games ist ein klassisches Puzzlespiel, das leicht zu erlernen, aber schwer zu meistern ist.

Bubble Shooter - HTML5 GamesBubble Shooter - HTML5 GamesBubble Shooter - HTML5 Games
"Das Ziel des Spiels ist es, alle Blasen aus dem Level zu entfernen und zu vermeiden, dass Blasen das Endergebnis überschreiten."

Features sind:

  • Enthält PSD- und AI-Dateien zur Anpassung
  • vollständig in HTML5 und CreateJS entwickelt
  • vollständig anpassbar
  • und mehr

Wenn Sie der Meinung sind, dass dieses HTML5-Spiel Spaß macht, sollten Sie auch das 50 Levels Pack in Betracht ziehen.

Bubble Shooter - HTML5 Games ist auch mit CTL Arcade kompatibel.

8. HTML5 Tetris

Es gibt kaum etwas Süchtigeres und Lustigeres als Tetris, und mit den unbegrenzten Levels von HTML5 Tetris können Sie buchstäblich nicht aufhören zu spielen.

HTML5 TetrisHTML5 TetrisHTML5 Tetris
"Funktioniert in allen HTML5-Browsern."

Features sind:

  • einfach zu personalisieren
  • Touch-Unterstützung
  • sieben Themen
  • und mehr

Passen Sie die Bilder und Geräusche vollständig an, aber vor allem haben Sie mit HTML5 Tetris unbegrenzten Spaß.

9. Katana Fruits - HTML5-Spiel

Wenn Sie mit Fruit Ninja vertraut sind, sind Sie mit Katana Fruits - HTML5 Game vertraut.

Katana Fruits - HTML5 GameKatana Fruits - HTML5 GameKatana Fruits - HTML5 Game
"Das Ziel ist es, alle Früchte, die auf dem Bildschirm erscheinen, zu schneiden, ohne sie fallen zu lassen, und den Bomben auszuweichen."

Features sind:

  • Enthält PSD- und AI-Dateien zur Anpassung
  • vollständig in HTML5 und CreateJS entwickelt
  • mit Social-Share-Buttons bewerben
  • vollständig anpassbar
  • und mehr

Dieses HTML5-Spiel ist mit CTL Arcade für WordPress kompatibel und kann einfach angepasst werden.

Schärfen Sie Ihr Katana, es ist Zeit, mit dem Katana Fruits - HTML5-Spiel etwas Obst zu zerschneiden.

10. The Sorcerer - HTML5-Puzzlespiel

Sobald der Bildschirm geladen wird, wissen Sie, was zu tun ist. Inspiriert von Zuma ist The Sorcerer - HTML5 Puzzle Game ein sofortiger Erfolg.

The Sorcerer - HTML5 Puzzle GameThe Sorcerer - HTML5 Puzzle GameThe Sorcerer - HTML5 Puzzle Game
"The Sorcerer wurde als bestes Puzzlespiel im HTML5 Most Wanted-Wettbewerb ausgezeichnet."

Features sind:

  • vollständig in HTML5 und CreateJS entwickelt
  • Quellcode enthalten
  • vollständig anpassbar
  • und mehr

Mobil oder Desktop, die Auflösung von 960 x 540 ist vollständig optimiert.

Das Sorcerer - HTML5-Puzzlespiel ist schwer zu beenden, daher sollten Sie auch zusätzliche Level erwerben.

11. Rearrange Letters - HTML5 Game

Sie erhalten einen Hinweis und ein Durcheinander von Briefen. Ordnen Sie die Buchstaben unter Berücksichtigung des Hinweises neu an, bis Sie das richtige Wort gefunden haben, während der Timer abläuft.

So ordnen Sie Buchstaben neu an - HTML5-Spiel.

Rearrange Letters - HTML5 GameRearrange Letters - HTML5 GameRearrange Letters - HTML5 Game
"Rearrange Letters ist ein HTML5-Spiel, in dem Sie die Buchstaben anordnen und das richtige Wort mit der angegebenen Beschreibung als Hinweis verwenden können."

Features sind:

  • Passen Sie den Text, den Spielmodus und den Timer an
  • Social Media Highscore Sharer
  • Maus- und Touch-Steuerung
  • Auflösung 1024x768
  • und mehr

Mit zahlreichen Anpassungen, die mit CreateJS erstellt wurden, können Sie Rearrange Letters - HTML5 Game nach Belieben neu interpretieren.

12. Word Search Game

Wenn Sie Wortsuche lieben, suchen Sie nicht mehr. Sie benötigen dieses HTML5-Spiel: Word Search Game.

Word Search GameWord Search GameWord Search Game
"Sehr süchtig."

Features sind:

  • Verwalten Sie die Spieloptionen in der enthaltenen Administrationsoberfläche
  • funktioniert auf allem vom iPad bis zum IE6
  • Unicode-Unterstützung: Verwenden Sie beliebige Zeichen
  • und mehr

Das leichte und einfach zu installierende Word Search Game ist eine großartige Entdeckung.

13. Coloring Book - HTML5 Game

Einfach. Kreativ. Großartig für Kinder.

Das Malbuch - HTML5-Spiel ist ein virtuelles Malbuch mit vollständiger Touch-Unterstützung und reagiert auf jede Größe und jedes Gerät.

Coloring Book - HTML5 GameColoring Book - HTML5 GameColoring Book - HTML5 Game
"Dieses Spiel ist ein Malspiel und kann für Kinder sehr interessant sein."

Features sind:

  • glatte Färbung
  • Drucksystem
  • 24 Farben
  • und mehr

In seiner dritten Ausgabe hat sich Coloring - HTML5 Game zu einem führenden Malbuch-HTML5-Spiel entwickelt.

14. Canvas Puzzle

Erstellen Sie mit einem beliebigen Bild Ihrer Wahl ein Drag-and-Drop-Puzzle-HTML5-Spiel mit Canvas Puzzle.

Canvas PuzzleCanvas PuzzleCanvas Puzzle
"...ein vollständig anpassbares und einfach zu implementierendes HTML5-Puzzle..."

Features sind:

  • Ziehen Sie Bilder per Drag & Drop von Ihrem Desktop, um Rätsel zu erstellen
  • wähle eine beliebige Anzahl von Stücken
  • Drehung der Teile deaktivieren
  • und mehr

Canvas Puzzle ist ein einfaches, leichtes und anpassbares HTML5-Spiel, das jeder genießen kann.

15. Sliding Puzzle

Ein weiteres cooles Bildrätsel, Sliding Puzzle, lässt Sie die Teile herumschieben, bis das Bild vollständig ist.

Sliding PuzzleSliding PuzzleSliding Puzzle
"Drei Spielmodi!"

Features sind:

  • Drei Modi: Klassisch, Herausforderung und Spaß
  • volles Fenster oder feste Leinwandgröße
  • anpassbare Bildpakete
  • anpassbar und mehr

Sliding Puzzle mischt die Dinge gut mit dem Mehrspielmodus und der Möglichkeit, eigene Bilder hinzuzufügen.

16. Sweety Memory - HTML5 Game

Erinnerst du dich an die Erinnerung?

Sweety Memory - HTML5-Spiel funktioniert genauso. Werfen Sie die Karten um, machen Sie die Matches und gewinnen!

Sweety Memory - HTML5 GameSweety Memory - HTML5 GameSweety Memory - HTML5 Game
"Kombinieren Sie alle identischen Karten, bevor die Zeit abläuft!"

Features sind:

  • vollständig anpassbar mit enthaltenen PSD- und AI-Dateien
  • vollständig in HTML5 und CreateJS entwickelt
  • Quellcode enthalten
  • und mehr

Mobil oder Desktop, die Auflösung von 960 x 1200 lässt sich auf den gesamten Bildschirm fast aller Geräte skalieren.

Sweety Memory - HTML5 Game ist auch mit CTL Arcade kompatibel.

17. HTML5 3D BlackJack - HTML5 Casino Spiel

HTML5 3D BlackJack - HTML5 Casino Game ist nicht dafür gedacht, mit echtem Geld verwendet zu werden - es ist einfach ein lustiges Spiel.

HTML5 3D BlackJack - HTML5 Casino GameHTML5 3D BlackJack - HTML5 Casino GameHTML5 3D BlackJack - HTML5 Casino Game
"Genießen Sie dieses Blackjack-Spiel mit hochauflösenden 3D-Grafiken!"

Features sind:

  • vollständig anpassbare HTML5- und CreateJS-Dateien
  • Versicherungsfunktion, Doppelwette und geteilte Hand
  • PSD- und AI-Dateien zur einfachen Anpassung
  • und mehr

Dieses HTML5-Spiel ist auch mit CTL Arcade für WordPress kompatibel.

Monetarisieren Sie ganz einfach mit Bannerwerbung und bewerben Sie mit Social-Share-Schaltflächen, die in HTML5 3D BlackJack - HTML5 Casino Game enthalten sind.

18. 3D Roulette - HTML5 Casino Game

Das ist ein weiteres hochwertiges Casino-Spiel, das zum Spaß gebaut wurde. Das 3D Roulette - HTML5 Casino Spiel enthält viele großartige Funktionen und ist wirklich gut gestaltet.

3D Roulette - HTML5 Casino Game3D Roulette - HTML5 Casino Game3D Roulette - HTML5 Casino Game
"Das Spiel enthält alle wichtigen Funktionen des Roulette-Spiels wie Voisins Zero, Tier, Orphelins, Neighbour und Final Bets."

Features sind:

  • vollständig anpassbare HTML5- und CreateJS-Dateien
  • PSD- und AI-Dateien zur einfachen Anpassung
  • voll ansprechende Auflösung von 750x600
  • und mehr

Dieses HTML5-Spiel ist auch mit CTL Arcade für WordPress kompatibel. Wenn Sie jedoch nach einer mobilzentrierten Version suchen, empfehle ich Roulette Royale.

3D Roulette - HTML5 Casino Game ist das perfekte Desktop-Roulette-HTML5-Spiel im Browser.

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

Missiles Again - HTML5-Spiel (Construct 2 Capx) + Admob ist ein lustiger Zeitkiller, der auf fast jeder möglichen Plattform funktioniert.

Missiles Again - HTML5 game Construct 2 Capx AdmobvvvvvvvvvvvvvvvvvvvvvvvvMissiles Again - HTML5 game Construct 2 Capx AdmobvvvvvvvvvvvvvvvvvvvvvvvvMissiles Again - HTML5 game Construct 2 Capx Admobvvvvvvvvvvvvvvvvvvvvvvvv
"Kontrollieren Sie das Flugzeug, um alle Sterne zu sammeln und allen Raketen auszuweichen!"

Features sind:

  • einfacher Code, der mit Construct 2 angepasst werden kann
  • PNG- und PSD-Dateien für einfaches Reskin
  • unterstützt AdMob Ads
  • und mehr

Missiles Again - HTML5-Spiel (Construct 2 Capx) + Admob ist ein unterhaltsames, gut gestaltetes HTML5-Spiel, das Sie nicht missen möchten.

20. HTML5-Spielepakete

Manchmal ist es besser, in großen Mengen zu kaufen.

Wenn Sie mehrere HTML5-Spiele in Betracht ziehen, sollten Sie diese HTML5-Spielepakete durchsuchen, um festzustellen, ob Sie weniger bezahlen und mehr erhalten können.

HTML5 Game BundlesHTML5 Game BundlesHTML5 Game Bundles

Einige Titel aus verschiedenen Bundles enthalten:

  • Obst Slasher
  • Brick Out
  • Ninja Run
  • Tank Defender
  • Billards
  • Cars
  • Monster Match-3
  • Bubble Shooter
  • Space Purge
  • Duck Shooter
  • Girl Dress Up
  • und mehr!

Zu den besten HTML5-Spielpaketen gehören das Super-Bundle Nr. 1 (50 Spiele), das 24-Spiele in 1-Bundle und das HTML5-Spiele-Bundle Nr. 2 (9 Spiele).

Abschluss

Diese Liste kann Sie inspirieren, etwas völlig Neues zu überarbeiten, zu optimieren oder zu erstellen - indem Sie eines dieser HTML5-Spiele als Vorlage für den Erfolg verwenden. Egal, ob Sie eine Spielhalle auf Ihrer Website veröffentlichen, mit Werbung Einnahmen erzielen oder mithilfe von Spielvorlagen tiefer in HTML5 eintauchen möchten, auf dem Envato Market finden Sie mit Sicherheit etwas, das Sie suchen.

Sie finden auch nützliche Envato Tuts+ Code-Tutorials zum Spieldesign oder zur Spielmechanik sowie HTML5-Tutorials, um Ihnen den Einstieg zu erleichtern.

Spielen und Codieren. Zwei Dinge, die unglaublich viel Spaß machen.

Advertisement
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.