Menu

Aku Berbagi 15 Source Code Game dan App HTML5 Gratis

  • Habibie
  • 12 November 2025
  • 0 comments

Halo, teman-teman developer dan pecinta game HTML5! Aku Habibie Amrullah, dan hari ini aku ingin berbagi portofolio proyek-proyek HTML5 yang aku buat. Ini adalah 15 game dan aplikasi sederhana yang dibuat menggunakan HTML5, Canvas, dan framework seperti Phaser.js. Semuanya gratis untuk dipelajari, dimodifikasi, atau digunakan dalam proyek kalian.

Demo untuk semua proyek bisa dilihat di portofolio lengkapku. Untuk source code lengkap, kalian bisa hubungi aku via email di habibieamrullah@gmail.com – aku senang berbagi dan diskusi! Ayo kita lihat detailnya satu per satu.

1. Cows On A Plane

  • Link Demo: Lihat Demo
  • Link GitHub/Source Code: Link sama dengan di atas
  • Penjelasan: Game mirip Flappy Bird yang dibuat dengan Phaser.js, lengkap dengan timer dan sistem pengumpulan koin. Cocok untuk latihan mekanik endless runner sederhana.

2. Jakarta Highway

  • Link Demo: Lihat Demo
  • Link GitHub/Source Code: Link sama dengan di atas
  • Penjelasan: Game mengemudi mobil di jalan tol sederhana dengan elemen menghindari rintangan, dibuat menggunakan Phaser.js. Ideal untuk belajar collision detection dan movement control.

3. Top Down Drive

  • Link Demo: Lihat Demo
  • Link GitHub/Source Code: Link sama dengan di atas
  • Penjelasan: Game mengemudi mobil top-down dengan mode time trial, menggunakan Phaser.js. Fokus pada navigasi 2D dan manajemen waktu.

4. Miaow Land

  • Link Demo: Lihat Demo
  • Link GitHub/Source Code: Link sama dengan di atas
  • Penjelasan: Platformer kucing kecil yang dioptimalkan untuk browser mobile, dibuat dengan Phaser.js. Menyenangkan untuk eksplorasi level design di perangkat sentuh.

5. Whats Different?

  • Link Demo: Lihat Demo
  • Link GitHub/Source Code: Link sama dengan di atas
  • Penjelasan: Game “spot the differences” menggunakan HTML5 dan Phaser.js. Bagus untuk latihan image comparison dan puzzle logic.

6. Alien Shooter

  • Link Demo: Lihat Demo
  • Link GitHub/Source Code: Link sama dengan di atas
  • Penjelasan: Kamu sebagai pembela Bumi yang menembak kapal alien, dibuat dengan Phaser.js. Klasik shooter dengan elemen defense.

7. Words Scrabble

  • Link Demo: Lihat Demo
  • Link GitHub/Source Code: Link sama dengan di atas
  • Penjelasan: Game mencari kata valid sebanyak mungkin seperti Scrabble, menggunakan Phaser.js. Latih skill word formation dan grid-based gameplay.

8. Kitten Faces

  • Link Demo: Lihat Demo
  • Link GitHub/Source Code: Link sama dengan di atas
  • Penjelasan: Memory game di mana kamu tap untuk mengungkap gambar anak kucing, dibuat dengan Phaser.js. Sederhana dan adiktif untuk semua umur.

9. Phaser Puzzle

  • Link Demo: Lihat Demo
  • Link GitHub/Source Code: Link sama dengan di atas
  • Penjelasan: Puzzle jigsaw dasar dengan fitur auto-snap ke posisi benar, menggunakan Phaser.js. Belajar drag-and-drop mechanics.

10. The Jetpacker

  • Link Demo: Lihat Demo
  • Link GitHub/Source Code: Link sama dengan di atas
  • Penjelasan: Game shooting di HTML5 Canvas dengan kontrol touch dan keyboard. Fokus pada projectile physics dan input handling.

11. The Bomber Jet

  • Link Demo: Lihat Demo
  • Link GitHub/Source Code: Link sama dengan di atas
  • Penjelasan: Game jet pengebom sederhana murni menggunakan HTML5 Canvas. Sangat basic, cocok untuk pemula belajar animasi dan gravity.

12. T-Shirt Mania

  • Link Demo: Lihat Demo
  • Link GitHub/Source Code: Link sama dengan di atas
  • Penjelasan: Aplikasi pemilihan warna dan desain T-shirt favorit untuk pembelian. Lebih ke arah e-commerce demo sederhana.

13. Reflexology Areas

  • Link Demo: Lihat Demo
  • Link GitHub/Source Code: Link sama dengan di atas
  • Penjelasan: Aplikasi edukasi tentang area refleksi tangan dan kaki untuk pijat tekanan. Informatif dan interaktif untuk kesehatan.

14. Drawing With Phaser

  • Link Demo: Lihat Demo
  • Link GitHub/Source Code: Link sama dengan di atas
  • Penjelasan: Aplikasi menggambar sederhana dengan kontrol ketebalan kuas dan warna, menggunakan Phaser.js. Eksplorasi drawing tools.

15. Simple Drawing

  • Link Demo: Lihat Demo
  • Link GitHub/Source Code: Link sama dengan di atas
  • Penjelasan: Program menggambar dasar menggunakan HTML Canvas tanpa library JS eksternal. Minimalis dan mudah dipahami untuk pemula.

Semoga berbagi ini bermanfaat buat kalian yang sedang belajar web development, game dev, atau HTML5! Kalau ada pertanyaan atau ingin kolaborasi, langsung email aja ya. Selamat coding, dan jangan lupa share proyek kalian juga. Cheers!

Post Views: 18