Kanasta Online je digitální verze klasické týmové karetní hry pro 4 hráče. Nápad vznikl na horách, když jsme zapomněli vzít fyzické karty a mě napadlo zkusit ji předělat do online podoby. Žádný login, jen kód místnosti, minimum kroků než se rozjede hra.
Postavila jsem backend, frontend i UI. Náročná část není render karet, ale kompletní pravidla kanasty napsaná od nuly: slohy, divoké karty, zamrzlý balík, minimum bodů pro první slohu závislé na skóre týmu, canasty, validace ukončení kola.
Backend v Node.js + Express + Socket.io drží celý herní stav v paměti a v reálném čase ho posílá připojeným hráčům. Klient je vanilla JS bez frameworku.
Server posílá privátní stav pro každého hráče, ne globální broadcast. Soupeři vidí jen počet karet v ruce a vyložené slohy, ne konkrétní karty. Herní stav je authoritative na serveru, takže hráč nemůže cheatovat lokální manipulací s DOM.
Frontend bez frameworku, CSS Grid layout.
Čtyři kritické body, které mi u kanasty daly nejvíc zabrat, a které by se daly použít i v jiných real-time herních systémech.
Problém: Kanasta povolí vzít celý odhazovací balík, pokud z něj umíš vyložit slohu s pomocí vrchní karty. Když je balík zamrzlý, hráč musí mít v ruce 2 přirozené karty stejné hodnoty jako vrchní karta. A pak z převzatého balíku často skládá víc sloh najednou.
Řešení: takeDiscardPileWithMelds()
přijme víc sloh naráz a všechny ověří před tím, než
něco změní. Kontroluje, že má hráč karty v ruce, každá
sloha je legální, sedí požadavek zamrzlého balíku a první sloha
týmu má dost bodů. Buď projdou všechny kontroly, nebo se nic
nezmění.
Problém: Bodový práh pro první slohu závisí na aktuálním skóre týmu: záporné skóre → 15 b., do 1 500 → 50 b., do 3 000 → 90 b., do 5 000 → 120 b., nad 5 000 → 150 b. Nelze mít fixní hodnotu.
Řešení: Práh se počítá pokaždé znovu z aktuálního skóre týmu. Volá se všude, kde tým může vyložit první slohu, i při každé aktualizaci UI pro hráče.
Problém: Server posílá plný stav, ale klient nemá vidět ruce soupeřů.
Řešení: getStateForPlayer(playerId)
projde stav před každým odesláním klientovi a zamaskuje cizí ruce, místo karet posílá jen jejich počet.
Problém: Hráč může ukončit kolo jen pokud jeho tým má alespoň jednu kanastu. Bodování musí spočítat body za slohy, odečíst penalizaci za karty v ruce, přičíst bonusy za červené trojky a kanasty, a rozhodnout o konci hry při 10 000.
Řešení: calculateRoundScores(goOutTeam)
v jednom průchodu spočítá body pro oba týmy naráz.
Klíčová nuance: pokud tým nemá kanastu, jeho slohy se počítají
jako záporné body (a bonus 800 za všechny 4
červené trojky se stane penalizací -800). Tým skončí kolo
v mínusu i s kartami na stole. Až pak porovnání s 10 000
a rozhodnutí o konci hry nebo pokračování dalším kolem.
Prototyp zatím běží lokálně, ale funguje kompletní 2v2 hra s pravidly kanasty (108 karet, 16 socket eventů, hra do 10 000 bodů) včetně rejoinu po výpadku spojení.
Chybí do plné verze: grafika (karty i UI jsou zatím minimalistické), doladění pravidel v edge cases, oprava zbývajících bugů.