minimojs 1.0.0-alpha.26 → 1.0.0-alpha.27

package/dist/minimo-cards.d.ts

@@ -242,6 +242,10 @@ export declare class CardPile {
  *
  * Call {@link update} once per frame.
  *
+ * Piles and cards live in world space and scroll with the game. The table
+ * reads the pointer itself and adds `game.scrollX` and `game.scrollY`, so a
+ * scrolled board needs no conversion from the game.
+ *
  * @example
  * ```ts
  * const table = new CardTable(game, {

package/dist/minimo-cards.js

@@ -187,6 +187,10 @@ let nextTableId = 1;
  *
  * Call {@link update} once per frame.
  *
+ * Piles and cards live in world space and scroll with the game. The table
+ * reads the pointer itself and adds `game.scrollX` and `game.scrollY`, so a
+ * scrolled board needs no conversion from the game.
+ *
  * @example
  * ```ts
  * const table = new CardTable(game, {
@@ -638,12 +642,15 @@ export class CardTable {
             this.cancelDrag();
             return;
         }
+        // The pointer is in screen space and the piles and cards are in world space.
         const x = game.pointerX;
         const y = game.pointerY;
+        const worldX = x + game.scrollX;
+        const worldY = y + game.scrollY;
         if (game.isPointerPressed()) {
             this.cancelDrag();
-            const hit = this.hitTest(x, y);
-            this._press = hit ? { x, y, card: hit.card, pile: hit.pile, dragTried: false } : null;
+            const hit = this.hitTest(worldX, worldY);
+            this._press = hit ? { x, y, worldX, worldY, card: hit.card, pile: hit.pile, dragTried: false } : null;
             return;
         }
         const press = this._press;
@@ -654,7 +661,7 @@ export class CardTable {
                 this.startDrag(press);
             }
             if (this._drag)
-                this.followPointer(x, y);
+                this.followPointer(worldX, worldY);
             return;
         }
         this._press = null;
@@ -718,8 +725,8 @@ export class CardTable {
             view.moving = false;
             view.waitMs = 0;
             view.dragging = true;
-            view.grabX = press.x - view.sprite.x;
-            view.grabY = press.y - view.sprite.y;
+            view.grabX = press.worldX - view.sprite.x;
+            view.grabY = press.worldY - view.sprite.y;
             view.sprite.layer = this.layer + 1000 + i * 0.01;
             this.applyScale(view);
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "minimojs",
-  "version": "1.0.0-alpha.26",
+  "version": "1.0.0-alpha.27",
   "description": "MinimoJS v1 — ultra-minimal, flat, deterministic 2D web game engine. Image-first sprites with emoji as a zero-asset alternative, rAF loop, TypeScript-first, LLM-friendly.",
   "type": "module",
   "main": "dist/minimo.js",