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

20 Template Game HTML5 Terbaik tahun 2017

Scroll to top
Read Time: 9 min

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

Selama beberapa tahun terakhir, kita telah melihat HTML5 digunakan untuk menciptakan banyak solusi online yang menakjubkan. Kita juga melihat HTML5 digunakan untuk membuat beberapa hal yang menyenangkan! Dengan menghilangnya Flash, HTML5 dengan cepat menjadi platform universal untuk membuat game berbasis browser untuk perangkat desktop dan mobile.

Apakah anda memiliki konsep game yang ingin anda sempurnakan lagi atau ingin cara yang menyenangkan dalam mempelajari lebih banyak seluk beluk tentang HTML5, berikut adalah 20 template game terbaik HTML5 tahun 2017 untuk anda mulai dalam membuat sesuatu yang mengagumkan:

1. Leaves Boy

Anda tidak akan bisa meninggalkan game ini sendirian saat teman anda cemburu dengan semakin meningkatnya nilai anda yang tinggi.

Menetapkan semua puns samping, Leaves Boy adalah game yang dibuat untuk mobile.

Leaves BoyLeaves BoyLeaves Boy
"Leaves Boy adalah salah satu game layar sentuh yang membuat ketagihan ..."

Fitur-fiturnya meliputi:

  • Membagikan Perolehan nilai yang tinggi ke Facebook dan Twitter
  • dokumentasi
  • File HTML5
  • Dan banyak lagi

Kumpulkan koin, hindari rintangan, dan bangkitlah menuju kemenangan.

Gunakan Leaves Boy untuk mendesain atau menggunakannya sebagai fondasi untuk membangun game anda sendiri dengan menggunakan Construct 2.

2. Indiara dan Skull Gold

Indiara dan the Skull Gold adalah platformer mobile dengan cita rasa seperti Indiana Jones.

Kumpulkan delapan tengkorak emas, tapi waspadalah gua-gua penuh dengan jebakan!

Indiara and the Skull GoldIndiara and the Skull GoldIndiara and the Skull Gold
"Bertemu dan bermain dengan Indiara, seorang gadis yang suka mengumpulkan artefak kuno."

Fitur-fiturnya meliputi:

  • Mendukung desktop dan mobile
  • Terdapat file layer PSD dan AI
  • Grafis 860x480
  • Dan banyak lagi

Mudah dalam mendesain ulang template game HTML5 ini dengan mengubah dan mengganti gambar.

Indiara dan Skull Gold mencakup delapan level lengkap dan dapat disesuaikan sepenuhnya dengan menggunakan Construct 2.

3. Dont Crash

Jangan Menabrak saat anda bermain Dont Crash!

Saat dua mobil berlomba mengelilingi lintasan, tap pada layar untuk mengganti jalur dan hindari benturan.

Dont CrashDont CrashDont Crash
"Don't crash (Jangan Menabrak) — ini satu-satunya aturan permainan."

Fitur-fiturnya meliputi:

  • Mendukung mobile dan desktop
  • Mudah, satu sentuhan kontrol
  • Grafis 1280x720
  • Dan banyak lagi

Desain ulang game HTML5 ini menggunakan file AI yang disertakan atau ubahlah seluruh elemen permainan menggunakan Construct 2.

Dont Crash sangat sederhana, cepat, dan membuat anda ketagihan.

4. Game FlapCat Steampunk

Game FlapCat Steampunk adalah game HTML5 yang lucu dan sederhana yang dibuat sempurna untuk mobile.

Seberapa tinggi anda bisa mencetak nilai?

Game FlapCat SteampunkGame FlapCat SteampunkGame FlapCat Steampunk
"Bantu kucing FlapCat melewati tantangan yang sangat sulit."

Fitur-fiturnya meliputi:

  • Terdapat file PSD dan AI
  • Grafis 1280x720
  • Level tak terbatas
  • Dan banyak lagi

Apakah anda sedang bermain di browser web atau ponsel anda, yang anda butuhkan hanyalah satu sentuhan atau klik pada mouse untuk memainkan. Mudah dimainkan, sulit untuk dikuasai.

Game FlapCat Steampunk dapat dengan mudah didesain ulang dengan mengganti gambar atau sepenuhnya dapat disesuaikan dengan Construct 2.

5. Panda Love

Sangat mudah untuk mencintai Panda Love.

Dengan desain sederhana dan pendekatan yang unik, semua orang akan menyukainya — bukan hanya panda.

Panda LovePanda LovePanda Love
"Panda Love adalah platformer petualangan dengan seni piksel."

Fitur-fiturnya meliputi:

  • Autosave menggunakan Webstorage
  • Mendukung terhadap Ludei dan iklan
  • Lebih dari 20 level
  • Dan banyak lagi

Game HTML5 ini mendukung semua platform dan meliputi file Construct 2 untuk penyesuaian secara penuh.

Anda akan menyukai tampilan dan merasakan kontrol dengan satu-sentuhan dari Panda Love.

6. Jumper Frog - Game HTML5

Frogger adalah game arcade klasik yang dibuat dengan adaptasi yang hebat terhadap perangkat mobile.

Ikuti lompatan dan lompati Jumper Frog - Game HTML5 untuk bersenang-senang.

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

"Nikmati versi warna-warni dari game klasik Frogger ini."

Fitur-fiturnya meliputi:

  • Tedapat file PSD dan AI untuk Penyesuaian
  • Dikembangkan secara penuh di HTML5 dan CreateJS
  • Dapat disesuaikan Secara Penuh
  • Dan banyak lagi

Game ini juga cocok dengan CTL Arcade

Game HTML5 - Jumper Frog mengantar arcade klasik ini ke layar manapun.

7. Bubble Shooter - Game HTML5

Luncurkan gelembung warna-warni ke tempatnya, dan bila anda mendapatkan tiga atau lebih secara berturut-turut, mereka akan menghilang. Selesaikan semua gelembung untuk menang!

Game HTML5 - Bubble Shooter adalah permainan puzzle klasik yang mudah dipelajari, namun sulit untuk dikuasai.

Bubble Shooter - HTML5 GamesBubble Shooter - HTML5 GamesBubble Shooter - HTML5 Games
"Tujuan dari permainan ini adalah untuk menghilangkan semua gelembung dari tingkat menghindari gelembung yang melintasi garis bawah."

Fitur-fiturnya meliputi:

  • Terdapat File PSD dan AI untuk Penyesuaian
  • Dikembangkan secara penuh di HTML5 dan CreateJS
  • Dapat disesuaikan Secara Penuh
  • Dan banyak lagi

Jika menurut anda game HTML5 ini menyenangkan, pastikan juga mempertimbangkan 50 Levels Pack.

Game HTML5 - Bubble Shooter juga cocok dengan CTL Arcade.

8. HTML5 Tetris

Hampir tidak ada yang lebih membuat ketagihan dan menyenangkan dari pada Tetris, dan dengan HTML5 Tetris memiliki level yang tak terbatas, anda benar-benar tidak akan bisa berhenti bermain.

HTML5 TetrisHTML5 TetrisHTML5 Tetris
"Bekerja pada semua browser HTML5."

Fitur-fiturnya meliputi:

  • Mudah untuk membuat sesuai dengan selera
  • Mendukung layar sentuh
  • Tujuh tema
  • Dan banyak lagi

Pemandangan dan suara dapat disesuaikan sepenuhnya, tapi kebanyakan dari semua, anda akan memiliki kesenangan tanpa batas dengan HTML5 Tetris.

9. Katana Fruits - Game HTML5

Jika anda terbiasa dengan Fruit Ninja, anda akan terbiasa dengan Katana Fruits - Game HTML5.

Katana Fruits - HTML5 GameKatana Fruits - HTML5 GameKatana Fruits - HTML5 Game
"Tujuannya adalah untuk memotong semua buah-buahan yang muncul pada layar tanpa menjatuhkan mereka dan menghindari bom."

Fitur-fiturnya meliputi:

  • Terdapat file PSD dan AI untuk penyesuaian
  • Sepenuhnya dikembangkan di HTML5 dan CreateJS
  • Mempromosikan dengan tombol berbagi sosial media
  • Sepenuhnya dapat disesuaikan
  • Dxan banyak lagi

Permainan HTML5 ini mendukung dengan CTL Arcade untuk WordPress dan dapat dengan mudah disesuaikan.

Pertajam Katana anda, saatnya untuk memangkas beberapa buah dengan Katana Fruits - Game HTML5.

10. The Sorcerer - Game Puzzle HTML5

Saat game ini dibuat di layar, anda akan tahu apa yang harus dilakukan. Terinspirasi oleh Zuma, The Sorcerer - Game Puzzle HTML5 adalah sebuah game cepat dalam menembak sasaran.

The Sorcerer - HTML5 Puzzle GameThe Sorcerer - HTML5 Puzzle GameThe Sorcerer - HTML5 Puzzle Game
"The Sorcerer dianugerahi sebagai permainan puzzle yang terbaik dalam kontes HTML5 paling dicari"

Fitur-fiturnya meliputi:

  • Sepenuhnya dikembangkan di HTML5 dan CreateJS
  • Terdapat Source-code
  • Sepenuhnya dapat disesuaikan
  • Dan banyak lagi

Mobile atau Desktop, sepenuhnya dioptimalkan pada resolusi 960x540

The Sorcerer - Game Puzzle HTML5 sulit untuk ditaklukan, jadi anda mungkin ingin mempertimbangkan untuk memperoleh tingkat tambahan juga.

11. Rearrange Letters - Game HTML5

Anda diberi petunjuk dan sedikit huruf yang berantakan. Dengan petunjuk dalam pikiran anda, atur ulang huruf sampai anda mendapatkan kata yang benar saat perhitungan waktu berjalan mundur.

Begitulah Rearrange Letters - Game HTML5 bekerja.

Rearrange Letters - HTML5 GameRearrange Letters - HTML5 GameRearrange Letters - HTML5 Game
"Rearrange Letters adalah game HTML5 dimana anda bisa mengatur huruf dan membuat kata yang tepat dengan deskripsi yang diberikan sebagai petunjuk."

Fitur-fiturnya meliputi:

  • Teks, mode permainan, dan pengatur waktu yang dapat disesuaikan
  • Berbagi score tertinggi melalui sosial media
  • Kontrol dengan sentuhan dan mouse
  • Resolusi 1024x768
  • Dan banyak lagi

Dengan banyak penyesuaian dan dibangun menggunakan CreateJS, anda dapat membayangkan kembali Rearrange Letters - Game HTML5 sesuai dengan keinginan anda.

12. Word Search Game

Jika anda menyukai pencarian kata, jangan cari lagi. Anda memerlukan game HTML5 ini: Word Search Game.

Word Search GameWord Search GameWord Search Game
"Sangan Membuat Ketagihan."

Fitur-fiturnya meliputi:

  • Kelola pilihan permainan dalam antarmuka admin yang disertakan
  • Bekerja pada segala hal mulai dari iPad hingga IE6
  • Dukungan unicode — gunakan karakter apapun
  • Dan banyak lagi

Ringan dan mudah dipasang, Game Word Search sangat menakjubkan.

13. Coloring Book - Game HTML5

Sederhana. Kreatif. Bagus untuk anak-anak.

The Coloring Book - Game HTML5 adalah buku mewarnai virtual dengan dukungan penuh pada sentuhan dan responsif terhadap ukuran apapun, pada perangkat apa saja.

Coloring Book - HTML5 GameColoring Book - HTML5 GameColoring Book - HTML5 Game
"Game ini adalah permainan mewarnai dan bisa sangat menarik untuk anak-anak."

Fitur-fiturnya meliputi:

  • Pewarnaan yang halus
  • Sistem Cetak
  • 24 Warna
  • Dan banyak lagi

Dalam iterasinya yang ketiga, Coloring Book - Game HTML5 telah berkembang menjadi game mewarnai buku HTML5 terkemuka.

14. Canvas Puzzle

Dengan menggunakan gambar yang anda pilih, buatlah game teka-teki drag-and-drop HTML5 dengan menggunakan Canvas Puzzle.

Canvas PuzzleCanvas PuzzleCanvas Puzzle
"... teka-teki gambar yang dapat disesuaikan sepenuhnya dan mudah diterapkan ..."

Fitur-fiturnya meliputi:

  • Drag dan drop gambar dari desktop anda untuk membuat puzzle
  • memilih jumlah potongan
  • Menonaktifkan rotasi potongan
  • Dan banyak lagi

Sederhana, ringan, dan dapat disesuaikan, Canvas Puzzle adalah Game HTML5 dan siapapun dapat menikmati.

15. Sliding Puzzle

Teka-teki gambar keren lainnya, Sliding Puzzle bekerja dengan membiarkan anda menggeser potongannya sampai gambar selesai.

Sliding PuzzleSliding PuzzleSliding Puzzle
"Tiga mode permainan!"

Fitur-fiturnya meliputi:

  • Tiga mode: klasik, tantangan, dan menyenangkan
  • Tampilan yang memenuhi layar atau ukuran canvas yang tetap
  • Paket gambar dapat disesuaikan
  • Dapat disesuaikan dan banyak lagi

Sliding Puzzle menggabungkan dengan baik beberapa mode permainan dan kemampuan untuk menambahkan gambar anda sendiri.

16. Sweety Memory - Game HTML5

Apakah yang anda ingat dalam ingatan anda?

Sweety Memory - Game HTML5 bekerja dengan cara yang sama. Balik kartu, membuat pertandingan, dan menang!

Sweety Memory - HTML5 GameSweety Memory - HTML5 GameSweety Memory - HTML5 Game
"Cocokkan semua kartu yang identik sebelum waktunya habis!"

Fitur-fiturnya meliputi:

  • Termasuk dapat disesuaikan sepenuhnya dengan file PSD dan AI
  • Sepenuhnya dikembangkan di HTML5 dan CreateJS
  • Termasuk Source-code
  • Dan banyak lagi

Mobile atau desktop, dengan skala resolusi 960 x 1200 agar sesuai dengan hampir seluruh layar semua perangkat.

Sweety Memory - Game HTML5 juga mendukung dengan CTL Arcade.

17. HTML5 3D BlackJack - Game Kasino HTML5

HTML5 3D BlackJack - Game Kasino HTML5 tidak dirancang untuk digunakan dengan uang — Ini hanyalah permainan yang menyenangkan untuk dimainkan.

HTML5 3D BlackJack - HTML5 Casino GameHTML5 3D BlackJack - HTML5 Casino GameHTML5 3D BlackJack - HTML5 Casino Game
"Nikmati game blackjack ini dengan resolusi tinggi grafis 3D!"

Fitur-fiturnya meliputi:

  • File HTML5 dan CreateJS yang sepenuhnya dapat disesuaikan
  • Fitur asuransi, taruhan ganda, dan split hand
  • File PSD dan AI untuk kemudahan dalam penyesuaian
  • Dan banyak lagi

Permainan HTML5 ini juga mendukung dengan CTL Arcade untuk WordPress.

Mudah dimonetisasikan dengan iklan banner dan promosikan dengan tombol berbagi sosial yang disertakan dengan HTML5 3D BlackJack - Game Kasino HTML5.

18. 3D Roulette - Game Kasino HTML5

Ini adalah game kasino berkualitas tinggi lainnya yang dibangun untuk bersenang-senang. Roulette 3D - Game Kasino HTML5 mencakup banyak fitur hebat dan dirancang dengan sangat baik.

3D Roulette - HTML5 Casino Game3D Roulette - HTML5 Casino Game3D Roulette - HTML5 Casino Game
"Permainan ini berisi semua fitur utama permainan roulette seperti Voisins zero, tier, orphelins, neighbor, final bets"

Fitur-fiturnya meliputi:

  • File HTML5 dan CreateJS yang sepenuhnya dapat disesuaikan
  • File PSD dan AI untuk kemudahan penyesuaian
  • Sepenuhnya responsif 750 x 600 resolusi
  • Dan banyak lagi

Game HTML5 ini juga kompatibel dengan CTL Arcade untuk WordPress, namun jika anda mencari versi mobile sentris, saya merekomendasikan Roulette Royale.

3D Roulette - Game Kasino HTML5 adalah game roulette HTML5 yang sempurna di dalam browser.

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

Missiles Again - HTML5 game (Construct 2 Capx) + Admob adalah pembunuh waktu yang menyenangkan yang bekerja pada hampir semua platform yang mungkin ada

Missiles Again - HTML5 game Construct 2 Capx AdmobvvvvvvvvvvvvvvvvvvvvvvvvMissiles Again - HTML5 game Construct 2 Capx AdmobvvvvvvvvvvvvvvvvvvvvvvvvMissiles Again - HTML5 game Construct 2 Capx Admobvvvvvvvvvvvvvvvvvvvvvvvv
"Kontrol pesawat untuk mengumpulkan semua bintang dan menghindari semua rudal!"

Fitur-fiturnya meliputi:

  • Kemudahan kode yang dapat disesuaikan dengan Construct 2
  • File PNG dan PSD untuk kemudahan dalam mendesain ulang
  • Mendukung iklan AdMob
  • Dan banyak lagi

Menyenangkan, Game HTML5 yang dirancang dengan baik, Missiles Again - HTML5 game (Construct 2 Capx) + Admob adalah salah satu yang anda tidak mau ketinggalan.

20. Game HTML5 Bundel

Kadang-kadang itu lebih baik untuk membeli dalam jumlah besar.

Jika anda mempertimbangkan beberapa game HTML5, anda mungkin ingin melihat-lihat kumpulan Game HTML5 ini untuk melihat apakah anda dapat membayar lebih sedikit dan menerima lebih banyak.

HTML5 Game BundlesHTML5 Game BundlesHTML5 Game Bundles

Beberapa judul dari berbagai bundel meliputi:

  • Fruit Slasher
  • Brick Out
  • Ninja Run
  • Tank Defender
  • Biliar
  • Mobil
  • Monster Match-3
  • Bubble Shooter
  • Space Purge
  • Duck Shooter
  • Gadis Berdandan
  • Dan banyak lagi!

Beberapa kumpulan Game HTML5 terbaik yang perlu dipertimbangkan termasuk Super Bundle No 1 (50 game), 24-Games dialam 1 Bundle, dan Game HTML5 Bundle No. 2 (9 game).

Kesimpulan

Melalui daftar ini mungkin dapat menginspirasi anda untuk melakukan mendessain ulang, meningkatkan, atau membangun sesuatu yang sama sekali baru - menggunakan salah satu game HTML5 ini sebagai template menuju kesuksesan. Apakah anda mempublikasikan game arcade di situs web anda, memperoleh pendapatan dengan iklan, atau ingin menggali lebih dalam HTML5 menggunakan template permainan, anda pasti akan menemukan sesuatu yang anda cari dari Envato Market.

Anda juga dapat menemukan Tutorial Envato Tuts+ code yang berguna tentang desain permainan atau mekanika permainan, serta tutorial HTML5 untuk anda mulai.

Game dan pengkodean. Dua hal yang sangat menyenangkan untuk dilakukan.

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.