Reset card position in disableHoverEffect and always set baseX/baseY

Author: afarber

playing-cards-2-planes/Card.js

@@ -198,6 +198,11 @@ export class Card extends Container {
   disableHoverEffect() {
     this.off('pointerenter');
     this.off('pointerleave');
+    // Reset position to base values
+    this.x = this.baseX;
+    this.y = this.baseY;
+    // Reset hit area to default
+    this.hitArea = new Rectangle(-CARD_WIDTH / 2, -CARD_HEIGHT / 2, CARD_WIDTH, CARD_HEIGHT);
   }
 
   /**

playing-cards-2-planes/Hand.js

@@ -40,6 +40,7 @@ export class Hand extends CardContainer {
       const card = cards[0];
       card.x = this._screen.width / 2;
       card.y = this._screen.height - CARD_VISIBLE_RATIO * CARD_HEIGHT;
+      card.baseX = card.x;
       card.baseY = card.y;
       card.angle = 0;
       return;
@@ -66,6 +67,7 @@ export class Hand extends CardContainer {
     cards.forEach((card, index) => {
       card.x = firstCardX + index * spacingBetweenCards + card.jitterX;
       card.y = this._screen.height - CARD_VISIBLE_RATIO * CARD_HEIGHT + card.jitterY;
+      card.baseX = card.x;
       card.baseY = card.y;
       // Apply tilt: 0 degrees at middle, increasing by 1 degree per card away from center
       card.angle = (index - middleIndex) * 1;

playing-cards-2-planes/Table.js

@@ -153,6 +153,8 @@ export class Table extends Container {
         const qb = this._getQuadrantBounds(i);
         card.x = Math.min(Math.max(card.x, qb.minX), qb.maxX);
         card.y = Math.min(Math.max(card.y, qb.minY), qb.maxY);
+        card.baseX = card.x;
+        card.baseY = card.y;
       }
     }
   }
@@ -189,6 +191,8 @@ export class Table extends Container {
     const angle = baseAngle + jitter;
 
     const card = new Card(spriteSheet, textureKey, clickHandler, x, y, angle);
+    card.baseX = x;
+    card.baseY = y;
     this.addChild(card);
 
     // Mark quadrant as occupied