@unboxy/phaser-sdk 0.2.27 → 0.2.28

package/dist/editor/EditorBridge.js

@@ -259,27 +259,26 @@ function computeScreenRect(game, go) {
     const canvasY = (worldRect.y - cam.scrollY) * cam.zoom;
     const canvasW = worldRect.width * cam.zoom;
     const canvasH = worldRect.height * cam.zoom;
-    // Phaser FIT scale factor — the actual rendered canvas is scaled by this
-    // ratio inside the iframe, with letterbox/pillarbox margins centered.
-    const scaleManager = game.scale;
-    const renderScale = scaleManager.displayScale.x; // x and y are equal under FIT
-    // Canvas's offset inside the iframe (CSS pixels).
+    // Convert logical canvas pixels → CSS pixels using the canvas's actual
+    // displayed size (avoids depending on which direction Phaser's displayScale
+    // goes — we just measure it). Canvas may be letterboxed/pillarboxed inside
+    // the iframe under Scale.FIT; getBoundingClientRect gives both the size
+    // and the offset.
     const canvas = game.canvas;
-    let offsetX = 0;
-    let offsetY = 0;
-    // Walk the offset chain — iframe canvas is usually centered under
-    // CENTER_BOTH, so its parent has padding. getBoundingClientRect on the
-    // canvas vs the iframe document root tells us the offset.
-    if (canvas && typeof canvas.getBoundingClientRect === 'function') {
-        const r = canvas.getBoundingClientRect();
-        offsetX = r.left;
-        offsetY = r.top;
-    }
+    if (!canvas || typeof canvas.getBoundingClientRect !== 'function')
+        return null;
+    const cssRect = canvas.getBoundingClientRect();
+    const logicalW = game.scale.width;
+    const logicalH = game.scale.height;
+    if (!logicalW || !logicalH)
+        return null;
+    const sx = cssRect.width / logicalW;
+    const sy = cssRect.height / logicalH;
     return {
-        x: offsetX + canvasX * renderScale,
-        y: offsetY + canvasY * renderScale,
-        width: canvasW * renderScale,
-        height: canvasH * renderScale,
+        x: cssRect.left + canvasX * sx,
+        y: cssRect.top + canvasY * sy,
+        width: canvasW * sx,
+        height: canvasH * sy,
     };
 }
 function readActiveManifest(game) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unboxy/phaser-sdk",
-  "version": "0.2.27",
+  "version": "0.2.28",
   "description": "Unboxy Phaser 3 SDK — game infrastructure for the Unboxy platform",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",