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

20 Najpopularnijih Predložaka za HTML5 Igre

Scroll to top
Read Time: 7 min

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

Flash je ušao u svijet igara baziranih na pretraživaču, ali kako je Flash s vremenom polako blijedio i umjesto njega na scenu stupio HTML5, te iste igrice bazirane na Flash-u pronašle su put do HTML5.

Najvjerojatnije ste igrali neku od ovih igara, možda čak i u formi aplikacije izvan sadržaja pretraživača, koristeći HTML5.

Imate li ideju ili koncept za igricu?

Pogledajte pobliže ovih 20 najpopularnijih predložaka za HTML5 igre na Envato Market-u kako biste pronašli savršenu početnu točku za svoju ideju ili perfektno rješenje za svoju web stranicu.

1. Canvas Puzzle

Canvas Puzzle je bio prvi HTML5 na Envato Market-u i zato se ovo čini kao dobar početak.

Koncept je jednostavan, ali ne čini li upravo to igru odličnom?

Canvas PuzzleCanvas PuzzleCanvas Puzzle

Kompatibilan sa svim modernim pretraživačima, ovaj HTML5 predložak ima Internet Explorer 9 ili manji rezervni, dok također radi na najnovijem iPad-u.

Korisnici mogu upotrijebiti bilo koju sliku - odvući i ispustiti sa Firefox ili Chrome - i tada generira beskonačni broj različitih dijelova.

Canvas Puzzle je lagan, jednostavan, čist i spreman za prilagođavanje po vašoj želji.

2. Word Search Game

Samo uploadajte svoju skriptu i odmah počnite koristiti Word Search Engine .

Od Internet Explorer 6 do najmodernijih pretraživača - ili čak iPad-a - ova igra traženja riječi je jednostavna spremna za zabavu.

Word Search GameWord Search GameWord Search Game

Ovo su vjerojatno najvažnije značajke za ovakvu vrstu igre:

  • unicode podrška
  • mogućnost korištenja bilo koje abecede
  • mogućnost upotrebe brojeva

Word Search Game čak uključuje i opciju za admina igre.

3. Indiara and the Skull Gold

Baš poput mnogih predložaka za HTML5 igre, Indiara and the Skull Gold radi na svim platformama.

Jeste li spremni za avanturu prikupljanja drevnih artefakta u pećinama prepunim zamki?

Indiara and the Skull GoldIndiara and the Skull GoldIndiara and the Skull Gold

Ova fantastičan predložak za HTML igru uključuje:

  • 8 razina
  • Construct 2 datoteke
  • Photoshop i Illustrator datoteke u slojevima
  • i još više

Indiara and the Skull Gold podržava igranje mišem i dodirom, uključuje gumbe za dijeljenje na društvenim mrežama i može se vizualno prilagoditi zamjenom datoteka slika ili potpuno modificirati sa Construct 2.

4. Slot Machine The Fruits - HTML5 Casino Game

Slot Machine The Fruits - HTML5 Casino Game je optimiziran za mobilne uređaje i zaslone te uključuje slike visoke kvalitete koje podržavaju 1500x640 rezoluciju.

Slot Machine The Fruits - HTML5 Casino GameSlot Machine The Fruits - HTML5 Casino GameSlot Machine The Fruits - HTML5 Casino Game

Ova raznobojna kreacija razvijena je sa:

Slot Machine The Fruits - HTML5 Casino Game se čak može instalirati koristeći CTL Arcade WordPress plugin.

5. Coloring Book - HTML5 Game

Podesite vlastitu virtualnu bojanku sa Coloring Book - HTML5 igrom.

Sa podrškom za miš i 'touch', ova responzivna bojanka ima sve što vam treba za početak.

Coloring Book - HTML5 GameColoring Book - HTML5 GameColoring Book - HTML5 Game

Ovaj predložak za HTML5 igru uključuje:

  • print sistem
  • konfiguracijski sistem
  • prilagođavanje izgleda
  • i još više

Najbolje od svega, Coloring Book - HTML5 Game uključuje 24 boje i 16 slika sa opcijama dodavanja koliko god slika želite.

6. The Sorcerer - HTML5 Game

Uživajte u magiji predložaka za HTML5 igre sa The Sorcerer - HTML5 Game.

The Sorcerer - HTML5 GameThe Sorcerer - HTML5 GameThe Sorcerer - HTML5 Game

Ova igra inspirirana je igricom Zuma i uključuje tri različite razine.

Razvijena je sa:

960x540 rezolucija može se skalirati kako vam odgovara i može se koristiti sa CTL Arcade WordPress plugin-om.

Prilagodite The Sorcerer - HTML5 Game prema vlastitim potrebama i počnite stvarati puzzle magiju!

7. Game Christmas Furious

Ovo je vrijeme za zabavu!

Game Christmas Furious predložak za HTML5 igru, na sve platforme donosi zabavu koja podržava igranje mišem ili na dodir.

Game Christmas FuriousGame Christmas FuriousGame Christmas Furious

Uključuje:

  • 6 razina
  • Construct 2 datoteke
  • Photoshop i Illustrator datoteke organizirane u slojevima
  • i još više

Invazija balona na Sjevernom Polu - može li Djedica uhvatiti sve darove i izbjeći balone?

Game Christmas Furious predložak za HTML5 igru spreman je za igranje ili za transformaciju u vašu igru.

8. HTML5 3D BlackJack - HTML5 Casino Game

HTML5 3D BlackJack - HTML5 Casino Game ima:

  • razdvajanje karata
  • dvostruki ulog
  • značajku osiguranja

Ali najbolji dio je 3D grafika visoke rezolucije.

3D Roulette - HTML5 Casino Game3D Roulette - HTML5 Casino Game3D Roulette - HTML5 Casino Game

Ova igra je razvijena sa HTML5, JavaScript, CreateJS platformama te je spremna za igranje i vrlo prilagodljiva.

HTML5 3D BlackJack - HTML5 Casino Game možete čak i koristiti sa CTL Arcade WordPress plugin-om.

9. Game FlapCat Steampunk

Game FlapCat Steampunk se sa svojim jednostavnim stilom i načinom igranja bazira na sličnim blockbuster igrama.

Uživajte u ovoj igri kompatibilnoj sa mišem i dodirom u punoj 1280x720 rezoluciji.

Game FlapCat SteampunkGame FlapCat SteampunkGame FlapCat Steampunk

Ova cool mačka uključuje:

  • beskonačne razine
  • Construct 2 datoteke
  • Photoshop i Illustrator datoteke organizirane u slojeve
  • i još više

Game FlapCat Steampunk ima odličan umjetnički stil i spreman je za igranje ili prilagodbu.

10. 3D Roulette - HTML5 Casino Game

Baš poput HTML5 3D BlackJack - HTML5 Casino Game, 3D Roulette - HTML5 Casino Game ima 3D izgled visoke rezolucije.

3D Roulette - HTML5 Casino Game3D Roulette - HTML5 Casino Game3D Roulette - HTML5 Casino Game

Također, razvijen je sa:

S lakoćom modificirajte 3D Roulette - HTML5 Casino Game preuzimanjem i editiranjem Photoshop i Illustrator datoteka. Također se može instalirati direktno u WordPress koristeći CTL Arcade WordPress plugin.

11. Bubble Shooter - HTML5 Games

Bubble Shooter - HTML5 Games me prilično podsjeća na Snood i ostale slične igre.

Ova jednostavna i adiktivna igrica može se instalirati kao što jest ili modificirati po vašoj želji.

Bubble Shooter - HTML5 GamesBubble Shooter - HTML5 GamesBubble Shooter - HTML5 Games

Ovaj predložak za HTML5 igru dolazi u 870x1504 rezoluciji, u potpunosti je responzivan, i lako se može editirati pomoću Photoshop i Illustrator datoteka.

Razvijen je sa HTML5, JavaScript i CreateJS, te je spreman za igranje i možete ga direktno instalirati u WordPress koristeći CTL Arcade WordPress plugin.

12. Woblox

Woblox je vjerojatno naj adiktivnija igra na ovom popisu predložaka za HTML5 igre.

Dodajte svoj logo i ova slagalica je spremna za igranje.

WobloxWobloxWoblox

Ova igra će se pokretati na svim platformama, ali čini se da je najbolje kada se igra na touch screen-u pošto intuitivno želite povući kocke na mjesto kako biste oslobodili zelenu kocku.

Igra uključuje:

  • 384x600 rezoluciju
  • 45 razina
  • koristi manje od 100 Construct 2 eventa
  • i još više

Lako podesiv i jednako adiktivan, Woblox je odličan predložak za HTML5 igru.

13. Sliding Puzzle

Sliding Puzzle predložak za HTML5 igru uključuje tri različita načina:

  • klasični
  • izazov
  • zabavan

Svaki način ima drugačiji pristup osnovnom puzzle konceptu zamjenjivih dijelova koji se prilagođavaju jedan drugome dok se ne završi cijela slika.

Sliding PuzzleSliding PuzzleSliding Puzzle

Učitajte svoje setove slika, prilagodite dizajn i postavke po želji i počnite sa Sliding Puzzle predloškom za HTML5 igru.

14. Don't Crash

Nemojte se slupati.

To je to.

Zvuči lagano, ali ovaj predložak za HTML5 igru će vas ostaviti da pogađate.

Dont CrashDont CrashDont Crash

Značajke uključuju:

  • 'touch' podršku
  • potpunu responzivnost
  • 1280x720 rezoluciju
  • Construct 2 datoteke
  • i više

I ne zaboravite - Don't Crash!

15. HTML5 Slot Machine: Jackpot 777

HTML5 Slot Machine: Jackpot 777 predložak uključuje sve što vam je potrebno da igru prilagodite po vlastitoj želji.

HTML5 Slot Machine Jackpot 777HTML5 Slot Machine Jackpot 777HTML5 Slot Machine Jackpot 777

Značajke uključuju:

  • Illustrator datoteke
  • Construct 2 datoteke
  • upravljanje mišem ili na dodir zaslona
  • i još više

Pogodite jackpot sa HTML5 Slot Machine: Jackpot 777 predloškom za HTML5 igru.

16. Katana Fruits - HTML5 Game

Postanite novi nindža sa ovim prilagodljivim Katana Fruits - HTML5 Game predloškom.

Katana Fruits - HTML5 GameKatana Fruits - HTML5 GameKatana Fruits - HTML5 Game

Ovaj predložak za HTML5 igru razvijen je sa sljedećim dijelovima koda:

Možete editirati izgled sa uključenim Photoshop i Illustrator datotekama i instalirati ga direktno u WordPress koristeći CTL Arcade WordPress plugin.

17. Panda Love

Priprema, pozor, sad!

Ovu brzu pandu treba voditi preko prepreka kako bi skupila nagrade i završila svaku od 20 razina.

Panda LovePanda LovePanda Love

Ovaj predložak uključuje Construct 2 datoteke i sadrži:

  • autosave
  • podršku za reklamiranje
  • upravljanje jednim dodirom
  • i još više

Pokažite malo ljubavi prema pikselima sa Panda Love igrom.

18. HTML5 Tetris

Od svih predložaka za HTML5 igre, HTML5 Tetris je moj najomiljeniji.

Teško možete pogriješiti sa klasikom.

HTML5 TetrisHTML5 TetrisHTML5 Tetris

Sa podrškom za 'touch' i 800x600 rezolucijom, možete:

  • mijenjati zvukove i muziku
  • personalizirati izgled igre
  • re-dizajnirati igru pomoću Photoshop datoteke organizirane u slojevima

Izrađena GameMaker Studio sistemom, HTML5 Tetris predložak za igru je odličan izbor za svakoga.

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

Let's Park!-High Quality Parking Game ima solidne vizuale i dobru igru.

Lets Park-High Quality Parking GameLets Park-High Quality Parking GameLets Park-High Quality Parking Game

Datoteke uključuju:

  • HTML5 datoteku
  • Photoshop datoteku organiziranu u slojeve
  • Construct 2 projektne datoteke

Let's Park!-High Quality Parking Game predložak za HTML5 igru podržava igranje tipkama na tipkovnici i upravljanjem na dodir, ali se izuzetno preporuča za touch screen zaslone.

20. Angry Finches - Funny HTML5 Game

Dovoljan je jedan pogled i mislim da je očito po čemu je modeliran Angry Finches - Funny HTML5 Game predložak.

Angry Finches - Funny HTML5 GameAngry Finches - Funny HTML5 GameAngry Finches - Funny HTML5 Game

Izgrađen je sa GameMaker Studio sistemom i uključuje:

  • 20 razina
  • Photoshop datoteke organizirane u slojeve
  • podesivi zvukovi i muzika
  • i još više

Upotrijebite Angry Finches - Funny HTML5 Game predložak za izgradnju vlastite igre bazirane na igri 'Angry Birds'.

Zaključak

Neki od ovih predložaka su samo to - predlošci - dok drugi graniče sa potpunim konceptima igara. Neovisno o tome pronađete li nešto za svoju stranicu ili učite kako izvesti do kraja vlastitu ideju, jasno možete vidjeti koliko različiti mogu biti predlošci za HTML5 igre.

Također možete pronaći Envato Tuts+ code tutorial o dizajniranju igara ili mehanikama igara koji bi vam mogli biti od koristi, ili čak HTML5 tutorial da započnete kodiranje vlastite igre.

"Game on".

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.