dataUrl // DOM refs var handSlots = document.getElementById('handSlots'); var statusLine = document.getElementById('statusLine'); var deckCount = document.getElementById('deckCount'); var discardStrip = document.getElementById('discardStrip'); var debugLog = document.getElementById('debugLog'); var discardPile = document.getElementById('discardPile'); // debug function logDebug(msg){ try { var now = (new Date()).toLocaleTimeString(); debugLog.textContent = now + ' — ' + msg + '\\n' + debugLog.textContent; } catch(e){} } // deck helpers function makeDeck(){ var d = []; for(var si=0; si<suits.length si var s="suits[si];" for ri="0;" r="ranks[ri];" d.push suit:s.sym suitname:s.name color:s.color id: s.sym return d function shuffle i="arr.length-1;i">0;i--){ var j = Math.floor(Math.random()*(i+1)); var tmp = arr[i]; arr[i]=arr[j]; arr[j]=tmp; } return arr; } // SVG card generator -> data URL function makeCardDataUrl(card){ var w = 300, h = 420; var rank = card.rank; var suit = card.suit; var color = card.color; var suitName = card.suitName; var svg = "<svg xmlns="http://www.w3.org/2000/svg" viewbox='0 0 "+w+" "+h+"'>"; svg += "<rect x="6" y="6" width='"+(w-12)+"' height='"+(h-12)+"' rx="22" ry="22" fill="#fff" stroke="#e2e8f0" stroke-width="6"></rect>"; svg += "<style>.r{font:700 56px system-ui,Arial;} .s{font:140px system-ui,Arial;} .t{font:22px system-ui,Arial;fill:#64748b}</style>"; svg += "<text x="30" y="80" fill='"+color+"' class="r">"+rank+"</text>"; svg += "<text x="30" y="115" class="t">"+suitName+"</text>"; svg += "<text x='"+(w/2)+"' y='"+(h/2+30)+"' text-anchor="middle" fill='"+color+"' class="s">"+suit+"</text>"; svg += "<g transform='translate("+(w-30)+", "+(h-40)+") rotate(180)'>"; svg += "<text x="0" y="0" fill='"+color+"' class="r">"+rank+"</text>"; svg += "<text x="0" y="35" class="t">"+suitName+"</text>"; svg += "</g></svg>"; return 'data:image/svg+xml;utf8,' + encodeURIComponent(svg); } function ensureCache(arr){ for(var i=0;i<arr.length var c="arr[i];" if cardcache makecarddataurl function resetdeck deck="shuffle(makeDeck());" ensurecache discards="[];" hand="[null,null,null,null,null];" logdebug reset. cards in deck: deck.length render dealfill for i="0;i<hand.length;i++){" null deck.shift now: in-hand: hand.filter newhand try handslots.innerhtml="" slot="document.createElement('div');" slot.classname="slot" : empty slot.setattribute img="document.createElement('img');" img.classname="card" img.draggable="true;" img.src="cardCache[c.id]" img.setattribute img.alt="c.rank" c.suitname img.addeventlistener idx="this.getAttribute('data-index');" ev.datatransfer.setdata this.classlist.add catch this.classlist.remove slot.appendchild else slot.innerhtml="<div style='font-size:13px;color:#9aa7b8'>Empty</div>" handslots.appendchild discardstrip.innerhtml="" j="0;j<discards.length" d="discards[j];" m="document.createElement('img');" m.classname="mini" m.src="cardCache[d.id]" discardstrip.appendchild deckcount.textcontent="deck.length;" statusline.textcontent="Deck: " hand: discarded: discards.length error: e.message discard drag discardpile.addeventlistener e.preventdefault discardpile.style.bordercolor="rgba(6,182,212,0.6)" idxstr="e.dataTransfer.getData('text/plain');" discards.unshift discarded from received but no valid index or card: err.message click selection toggle fallback handslots.addeventlistener return slot.classlist.remove slot.style.outline="" slot.classlist.add enter on pile to selected discard. k="0;k<selected.length;k++){" s="selected[k];" s.classlist.remove s.style.outline="" via pile. deal used by inline onclick button pressed. allempty="true;" break someempty="false;" init complete.> '></arr.length></suits.length>
Go Back to Portal