@umicat/phaser-sdk 1.0.19 → 1.0.20

package/dist/editor/EditorOverlayScene.js

@@ -38,6 +38,10 @@ const WORLD_BOUNDS_ALPHA = 0.7;
 const CAMERA_VIEWPORT_COLOR = 0x4488ee;
 const CAMERA_VIEWPORT_ALPHA = 0.9;
 const CAMERA_VIEWPORT_LINE_WIDTH = 2;
+// HUD edit mode — the PLAYER'S SCREEN frame (full game-intrinsic resolution).
+// Brighter/distinct from the world-camera rect: it's the fixed boundary HUD
+// widgets anchor to (Godot's UI viewport rect), not the movable camera view.
+const HUD_SCREEN_COLOR = 0x5bc0ff;
 // FB.10 polish — CSS cursor name per tilemap resize handle. Corner handles
 // get the diagonal arrows (`nwse-resize` ↖↘ for NW/SE, `nesw-resize` ↗↙ for
 // NE/SW). Edge handles get the axis arrows (ns / ew). Same conventions as
@@ -1774,10 +1778,28 @@ export class EditorOverlayScene extends Phaser.Scene {
             const snap = this.game['__unboxyEditorScaleSnapshot'];
             const intrinsicW = snap?.gameWidth ?? this.game.scale.width;
             const intrinsicH = snap?.gameHeight ?? this.game.scale.height;
-            const camW = intrinsicW / worldSceneCam.zoom;
-            const camH = intrinsicH / worldSceneCam.zoom;
-            this.graphics.lineStyle(CAMERA_VIEWPORT_LINE_WIDTH, CAMERA_VIEWPORT_COLOR, CAMERA_VIEWPORT_ALPHA);
-            this.graphics.strokeRect(camX, camY, camW, camH);
+            if (getEditorMode(this.game) === 'hud') {
+                // HUD mode → draw the PLAYER'S SCREEN frame at FULL intrinsic size
+                // (1280×720), NOT intrinsic/zoom. HUD widgets are screen-anchored:
+                // `syncHudCameraToEditorCam` maps HUD-intrinsic (0..1280, 0..720) onto
+                // the full-intrinsic span at (gameCam.scroll). The world-camera zoom
+                // shrinks how much WORLD fits, NOT the screen — so drawing the frame at
+                // intrinsic/zoom (the world-camera viewport, as world mode does) made
+                // the frame 3× smaller than the HUD, and widgets sprawled OUTSIDE it
+                // (the "I can't tell where to place HUD" bug). At full intrinsic the
+                // frame is exactly the HUD's bounds → a stable boundary to anchor to.
+                this.graphics.lineStyle(CAMERA_VIEWPORT_LINE_WIDTH + 1, HUD_SCREEN_COLOR, 1);
+                this.graphics.strokeRect(camX, camY, intrinsicW, intrinsicH);
+            }
+            else {
+                // World mode → the camera viewport rect: where the runtime camera
+                // looks + how much it sees (intrinsic/zoom). Small inside a larger
+                // world for farming/RPG; coincides with world bounds for Tetris etc.
+                const camW = intrinsicW / worldSceneCam.zoom;
+                const camH = intrinsicH / worldSceneCam.zoom;
+                this.graphics.lineStyle(CAMERA_VIEWPORT_LINE_WIDTH, CAMERA_VIEWPORT_COLOR, CAMERA_VIEWPORT_ALPHA);
+                this.graphics.strokeRect(camX, camY, camW, camH);
+            }
         }
         const selectedId = getSelection(this.game);
         if (selectedId) {

package/package.json

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