Skip to content

kawakibi/gaple

Repository files navigation

🁣 Gaple Online

Permainan domino tradisional Indonesia — main langsung di browser, tanpa install, tanpa daftar.

HTML CSS JavaScript License


🎮 Tentang Game

Gaple adalah permainan domino tradisional Indonesia yang dimainkan dengan set domino double-six (28 kartu). Pemain berusaha menghabiskan kartu di tangan lebih dulu, atau memiliki total pip terendah ketika permainan buntu.

Game ini dibuat sebagai single HTML file — tidak ada framework, tidak ada dependencies, tidak ada build step. Cukup buka file-nya di browser.


✨ Fitur

  • 🃏 4 Pemain — kamu vs 3 NPC (Joko, Budi, Sari)
  • 🧠 2 Tingkat Kesulitan — Mudah (random) & Susah (AI strategic)
  • 🎲 Aturan Gaple asli — kartu dilewati (bukan dibuang) jika tidak ada yang cocok
  • 🀱 Tampilan kartu overlap — kartu di meja ditampilkan saling tumpuk seperti meja gaple sungguhan, hanya ujung kiri & kanan yang terlihat
  • 💬 NPC nyeletuk — Joko, Budi, Sari akan berteriak saat balak keluar atau mati, dengan bahasa gaul Indonesia yang autentik
  • 🏆 Sistem skor — total pip terendah menang, skor akumulasi per ronde
  • 📱 Responsif — bisa dimainkan di desktop maupun mobile browser
  • 🔍 SEO ready — meta tags, Open Graph, Twitter Card, dan Schema.org structured data

📐 Aturan Main

Aturan Keterangan
Kartu 28 domino double-six (0-0 s/d 6-6)
Pemain 4 orang, masing-masing dapat 7 kartu
Mulai Pemegang kartu [0-0] wajib pasang pertama
Giliran Searah jarum jam
Pasang Cocokkan ujung kiri atau kanan kartu di meja
Lewat Jika tidak ada kartu yang cocok, giliran otomatis dilewati
Menang Pertama habis kartu, atau total pip terendah saat buntu
Balak Kartu kembar (6-6, 5-5, dst.) — kartu istimewa dalam Gaple
Skor [0-0] Bernilai 25 poin jika tidak ada kartu blank lain di tangan

🚀 Cara Pakai

Langsung buka di browser

# Clone repo
git clone https://github.com/username/gaple-online.git

# Buka file — tidak perlu server
open gaple.html

Atau deploy ke GitHub Pages

  1. Push gaple.html ke branch main
  2. Pergi ke Settings → Pages
  3. Set source ke main / root
  4. Akses di https://username.github.io/gaple-online/gaple.html

📁 Struktur

gaple-online/
├── gaple.html      # Seluruh game dalam satu file (HTML + CSS + JS)
└── README.md

🤖 NPC AI

Kesulitan Perilaku NPC
Mudah Pilih kartu yang bisa dimainkan secara acak
Susah Prioritaskan kartu pip tinggi lebih dulu, pilih sisi yang menjaga opsi bermain tetap banyak

💬 NPC Quotes

NPC akan nyeletuk secara acak dalam situasi tertentu:

Saat balak 6 belum keluar:

"Siapa hayo yang pegang balak 6? 👀" "Balak 6 nongol gak sih? Udah lama nunggu nih"

Saat NPC pasang balak:

"Budi: BALAK 6! Boom! 💥"

Saat balak mati (tidak bisa dimainkan):

"Yah balak 5 mati cok! 😭" "Wkwkwkw balak 4 mati, minus gede dah" "Mampus mati balak 6... gacor dahhh 🤣"


🛠️ Tech Stack

  • HTML5 — struktur & layout
  • CSS3 — animasi, tema meja hijau, kartu domino, chat bubble
  • Vanilla JavaScript (ES6) — game logic, AI, rendering
  • SVG — pip domino (titik kartu) yang pixel-perfect dan konsisten
  • Google Fonts — Playfair Display + DM Sans

Tidak ada framework. Tidak ada library. Tidak ada build tool. Satu file, jalan di mana saja.


🙏 Credits

Peran Keterangan
Game Rules Berdasarkan aturan Gaple tradisional Indonesia
Rules Reference pagat.com/domino/line/gaple
Built with Claude by Anthropic — AI assistant yang membantu merancang, menulis, dan menyempurnakan seluruh kode game ini dari nol

📄 License

MIT — bebas dipakai, dimodifikasi, dan didistribusikan.


Dibuat dengan ❤️ dan dibantu oleh Claude (Anthropic)

About

maen gaple gan https://gaple.kejep.id

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages