A browser-based Hong Kong-style drinking card game built with vanilla HTML, CSS, and JavaScript. Players take turns drawing cards from a virtual deck, and each card triggers a unique drinking rule inspired by local Cantonese party game culture.

🎮 ▶ Play Now — drinkingamepokder.netlify.app

No installation needed — just open the link and start playing!

Drinking-game---Poker/
├── index.html            # Main game page
├── intro.html            # Game introduction page
├── rules.html            # Full rules reference page
├── poker_game.js         # Core game logic
├── preload-manager.js    # Asset preloading manager
├── styles.css            # Stylesheet
├── pokers image/         # Card face images (JPEG)
├── bgPhoto/              # Background images
├── sounds/               # Sound effects (shuffle, draw, flip, end)
├── sitemap.xml           # SEO sitemap
├── robots.txt            # Crawler rules
└── googlecd6a916cfd55f822.html  # Google Search Console verification

1. Open the game in any modern browser.
2. Configure settings (optional):
   • 包含鬼牌 (Joker) — Toggle to include Joker cards.
   • 允許重複抽牌 — Allow repeated card draws (infinite mode).
   • 音效 / 背景音樂 — Toggle sound effects and background music.
3. Click 抽牌 to draw a card.
4. Follow the rule shown on screen!
5. Click 結束遊戲 to end the session and reshuffle.

• Pure vanilla JS — No frameworks or dependencies required.
• Fisher-Yates shuffle — Fair and unbiased deck shuffling algorithm.
• DOM caching — Frequently accessed elements are cached to boost performance.
• Image preloading — Card images are preloaded using requestIdleCallback to ensure smooth gameplay.
• Sound system — Sound effects for drawing, flipping, shuffling, and game end.
• Background music toggle — Optional looping background music.
• Responsive design — Mobile-friendly layout.
• Deck animation — Visual draw and shuffle animations.
• requestIdleCallback polyfill — Cross-browser compatibility.

No build tools or installations needed.

# Clone the repository
git clone https://github.com/Joe4NYC/Drinking-game---Poker.git

# Open in browser
open index.html

Or simply drag index.html into any browser window.

To add or modify rules, edit the rules object in poker_game.js:

const rules = {
  'A': '指個一人飲',
  'K': '自己飲',
  // Add your own rules here...
};

To add new sound effects, place .mp3 files in the sounds/ folder and update the audioFiles object in poker_game.js.

• Joe4NYC
• Ambrose-Kwan

This project is intended for entertainment purposes among legal-drinking-age adults. Please drink responsibly. The developers do not encourage excessive alcohol consumption.

This project is open source. Feel free to fork and customise for your own game nights!