Advertisement
  1. Code
  2. HTML5
Code

20 nejpopulárnějších HTML5 šablon pro hry

by
Length:LongLanguages:

Czech (Čeština) translation by Karel Krkoska (you can also view the original English article)

Flash začal ve světě her založených na prohlížeči, ale jak Flash vybledl a HTML5 se dostal na scénu, ty stejné hry založené na Flash se dostaly na HTML5.

Je pravděpodobné, že jste hráli jednu z těchto her, možná i ve formě aplikace mimo kontext prohlížeče a to vše pomocí HTML5.

Máte nápad nebo koncept hry?

Podívejte se na těchto 20 nejoblíbenějších herních šablon HTML5 na trhu Envato Market, abyste našli správný výchozí bod pro vaši představu hry nebo našli perfektní řešení pro vaše webové stránky.

1. Canvas Puzzle

Canvas Puzzle byl první HTML5 na trhu Envato Market, takže se zdá, že je to dobré místo pro začátek.

Koncept je jednoduchý, ale není to právě tohle, co dělá hru skvělou?

Canvas Puzzle

Kompatibilní se všemi moderními prohlížeči, tato šablona hry HTML5 má záložní verzi aplikace Internet Explorer 9 nebo méně a současně pracuje na nejnovějším iPadu.

Uživatelé mohou používat s prohlížeči Firefox a Chrome libovolný obrázek a přetažením vytvářejí nekonečný počet různých kusů.

Canvas Puzzle je lehká, jednoduchá, čistá a připravená přizpůsobit se vašim přáním.

2. Word Search Game

Stačí nahrát skript a okamžitě můžete začít používat Word Search Game.

Od Internet Explorer 6 až po nejmodernější prohlížeč - dokonce i na iPadu - tato vyhledávací hra je lehká a připravená pro zábavu.

Word Search Game

Zde jsou pravděpodobně nejdůležitější rysy hry, jako je tato:

  • Podpora unicode
  • Používá libovolnou abecedu
  • Možnost používat čísla

The Word Search Game hra obsahuje dokonce administrátora možností hry.

3. Indiara and the Skull Gold

Stejně jako mnoho z herních šablon HTML5, Indiara a Skull Gold pracují na všech platformách.

Jste připraveni jít na dobrodružství sbírat staré artefakty v jeskyních plných pasti?

Indiara and the Skull Gold

Tato fantastická šablona HTML hry obsahuje:

  • 8 úrovní
  • Construct 2 soubory
  • Vrstvené soubory aplikace Photoshop a Illustrator
  • a další

Indiara and the Skull Gold jsou plně podporovány dotykem a myší, zahrnují tlačítka pro sdílení sociálních médií a lze je vizuálně přizpůsobit tak, že vyměníte obrazové soubory nebo je zcela upravíte pomocí Construct 2.

4. Slot Machine The Fruits - HTML5 Casino Game

Slot Machine Fruits - Hra HTML5 je optimalizována jak pro mobilní počítače, tak i pro stolní počítače a obsahuje vysoce kvalitní snímky, které podporují rozlišení až 1500x640.

Slot Machine The Fruits - HTML5 Casino Game

Tato pestrá tvorba byla vytvořena s:

Slot Machine Fruits - Casino Hra HTML5 může být dokonce nainstalována pomocí pluginu CTL Arcade WordPress.

5. Coloring Book - HTML5 Game

Vytvořte si vlastní virtuální omalovánky s Coloring Book - HTML5 Game.

Díky plné podpoře myši a dotyku, tato citlivá omalovánka obsahuje vše, co potřebujete, abyste mohli začít.

Coloring Book - HTML5 Game

Tato šablona HTML5 hry obsahuje:

  • Tiskový systém
  • Konfigurační systém
  • Přizpůsobení vzhledu
  • a další

Nejlepší ze všeho je, The Coloring Book - HTML5 hra obsahuje 24 barev a 16 snímků s možností přidání co nejvíce barevných obrázků.

6. The Sorcerer - HTML5 Game

Vychutnejte si kouzlo šablon HTML5 s hrou The Sorcerer - HTML5.

The Sorcerer - HTML5 Game

Toto šablona byla inspirována hrou Zuma a zahrnuje tři různé progresivní úrovně.

Byla vyvinuta s:

Rozlišení 960x540 se přizpůsobí a může být použito s pluginem CTL Arcade WordPress.

Přizpůsobte si The Sorcerer - HTML5 hru a začněte tvořit nějaké puzzle kouzla!

7. Game Christmas Furious

Je to období pro zábavu!

Hra Game Christmas Furious HTML5 šablona přináší dotykovou a myš podporovanou zábavu na všech platformách.

Game Christmas Furious

Obsahuje:

  • 6 úrovní
  • Construct 2 soubory
  • Vrstvené soubory aplikace Photoshop a Illustrator
  • a další

Balóny napadnou severní pól - může Santa zachytit všechny dary a vyhnout se balónům?

Game Christmas Furious HTML5 šablona je připravena na hraní nebo transformování do vašeho vlastního.

8. HTML5 3D BlackJack - HTML5 Casino Game

The HTML5 3D BlackJack - HTML5 casino hra má:

  • Dělenou ruku
  • dvojitou sázku
  • funkci pojištění

Ale nejlepší část je 3D grafika ve vysokém rozlišení.

3D Roulette - HTML5 Casino Game

Tato hra byla vyvinuta s HTML5, JavaScript a CreateJS a je připravena pro hraní i velmi přizpůsobitelná.

Můžete dokonce vylepšit HTML5 3D Blackjack - HTML5 kasinové hry s CTL Arcade WordPress plugin.

9. Game FlapCat Steampunk

Hra FlapCat Steampunk je založena na podobných hrách s jednoduchým designem a hratelností.

Vychutnejte si hru kompatibilní s dotykem a myší v plném rozlišení 1280x720.

Game FlapCat Steampunk

Tato skvělá kočka obsahuje:

  • nekonečno úrovní
  • Construct 2 soubory
  • Vrstvené soubory aplikace Photoshop a Illustrator
  • a další

Hra FlapCat Steampunk má skvělý umělecký styl a je připraven k hraní nebo přizpůsobení.

10. 3D Roulette - HTML5 Casino Game

Stejně jako HTML5 3D Blackjack - HTML5 hra, 3D Roulette - hra pro kasina HTML5 má skvělý vzhled 3D hi-res.

3D Roulette - HTML5 Casino Game

Také byla vyvinuta pomocí:

Jednodušše upravitelná 3D Ruleta - HTML5 kasinová hra stahováním a úpravou souborů aplikace Photoshop a Illustrator. To může také být nainstalován přímo do WordPress pomocí CTL Arcade WordPress plugin.

11. Bubble Shooter - HTML5 Games

Bubble Shooter - HTML5 hra, mi připomíná Snood a podobné hry.

Tato jednoduchá a návyková hra může být nainstalována tak, jak je, nebo upravená podle vašich představ.

Bubble Shooter - HTML5 Games

Tato šablona hry HTML5 je v rozlišení 870x1504, je plně responsivní a lze ji snadno upravit pomocí souborů aplikace Photoshop a Illustrator.

Byla vyvinuta s HTML5, JavaScript a CreateJS a je připravena k hraní a může být instalován přímo do WordPress pomocí pluginu CTL Arcade WordPress.

12. Woblox

Woblox je pravděpodobně nejvíce návyková hra z těchto HTML5 šablon.

Přidejte své vlastní logo a tato hádanka je připravena.

Woblox

Tato hra se bude hrát na všech platformách, ale nejlépe pomocí dotykové obrazovky, protože si intuitivně přejete posunout bloky na místo a uvolnit zelený blok.

Hra obsahuje:

  • rozlišení 384x600
  • 45 progresivních úrovní
  • Používá méně než 100 událostí Construct 2
  • další

Snadno upravitelný a stejně návykový, Woblox je vynikající šablona HTML5 hry.

13. Sliding Puzzle

Šablona hry Sliding Puzzle HTML obsahuje tři různé režimy:

  • klasický
  • výzva
  • zábava

Každý režim má jiný přístup k základnímu pojetí konceptu výměny kusů sousedících s sebou, dokud není obraz dokončen.

Sliding Puzzle

Vložte si vlastní balíky obrázků, přizpůsobte si design a nastavení, pokud chcete, a začněte s šablonou hry HTML5 Sliding Puzzle.

14. Don't Crash

Nenabourejte!

To je vše.

Zní to snadně, ale tato fascinující šablona HTML5 hry vás bude trápit.

Dont Crash

Mezi funkce patří:

  • podpora dotyku
  • plně responsivní
  • rozlišení 1280x720
  • obsahuje Construct 2 soubory
  • a další

A nezapomeňte - nenabourejte!

15. HTML5 Slot Machine: Jackpot 777

HTML5 Slot Machine: Šablona Jackpot 777 obsahuje vše, co potřebujete, aby vše bylo jako vaše vlastní.

HTML5 Slot Machine Jackpot 777

Mezi funkce patří:

  • Soubory illustratoru
  • Construct 2 soubory
  • ovládání dotykem a myší
  • a další

Vyhrajte jackpot s HTML5 automatem: Jackpot 777 HTML5 game template.

16. Katana Fruits - HTML5 Game

Staňte se dalším Fruit Ninja s vysoce přizpůsobitelnou šablonou Katana Fruits - HTML5.

Katana Fruits - HTML5 Game

Tato šablona HTML5 hry byla vytvořena s následujícími kódy:

Vzhled a dojem můžete upravovat pomocí přiložených souborů aplikace Photoshop a Illustrator a nainstalovat je přímo do aplikace WordPress pomocí pluginu CTL Arcade WordPress.

17. Panda Love

Připravit, pozor, utíkej!

Tato rychle běžící panda musí být vedena přes překážky, pro získání cen a dokončit každou z více než 20 úrovní.

Panda Love

Tato šablona obsahuje soubory a funkce Construct 2:

  • autosave
  • podpora reklam
  • ovládání jedním dotekem
  • a další

Ukažte nějakou pixelovou lásku s Panda Love.

18. HTML5 Tetris

Ze všech herních HTML5 šablon, je HTML5 Tetris moje oblíbená.

S klasikou je těžké něco pokazit.

HTML5 Tetris

S podporou doteku a rozlišením 800x600, můžete:

  • měnit zvuky a hudbu
  • upravit vzhled hry
  • Použijte vrstvený soubor aplikace Photoshop k novému návrhu

Vytvořený pomocí GameMaker Studio, HTML5 Tetris herní šablona je skvěle vhodná pro téměř každého.

19. Let's Park!-High Quality Parking Game

Let's Park! - Vysoce kvalitní parkovací hra má solidní vizuály a příjemně se hraje.

Lets Park-High Quality Parking Game

Obsažené soubory:

  • HTML5 soubor
  • vrstveny Photoshop soubor
  • Construct 2 soubory

Let's Park! - Vysoce kvalitní parkovací hra, HTML5 hrací šablona podporuje ovládání klávesnicí i dotykem, ale je velmi doporučeno pro dotykové obrazovky.

20. Angry Finches - Funny HTML5 Game

Myslím, že je zřejmé, po které hře je Angry Finches - Funny HTML5 Game modelována.

Angry Finches - Funny HTML5 Game

Byla postavena pomocí GameMaker Studio a zahrnuje:

  • 20 úrovní
  • vrstvený Photoshop soubor
  • upravitelné zvuky a hudbu
  • a další

Použijte Angry Finches - Funny HTML5 šablonu pro vytvoření vaší vlastní zábavy založené na Angry Birds.

Závěr

Některé z těchto šablon jsou jen šablony - zatímco ostatní hraničí s úplnými herními koncepty. Ať už hledáte něco pro vaše webové stránky, nebo se naučít, jak vytvořit svůj vlastní nápad, můžete jasně vidět, jak různé mohou být šablony her HTML5.

Můžete také najít návod pro tvorbu kódu programu na Envato Tuts+ v oblasti hry nebo mechaniky hry nebo dokonce i výukový program HTML5, který vám umožní začít s kódováním vaší hry.

Hra pokračuje!

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.