@umicat/phaser-sdk 1.0.4 → 1.0.5

package/dist/editor/EditorOverlayScene.d.ts

@@ -305,9 +305,17 @@ export declare class EditorOverlayScene extends Phaser.Scene {
      */
     private commitEntityResize;
     /**
-     * Render the 8 resize handles around the selected rect entity. No bounds
+     * Render the CORNER resize handles around the selected rect entity —
+     * Figma convention (2026-06-11): no edge-midpoint squares. On a small
+     * entity 8 handles visually swallowed the rect (a 3×3 grid of squares
+     * with the entity peeking through the middle). Edges stay fully
+     * resizable — the entire selection edge is a hit target and the cursor
+     * flips to ns/ew-resize on hover, which is affordance enough. No bounds
      * outline (the blue selection rect already draws it) and no ghost rect
      * (the live GO resizes in place during the drag).
+     *
+     * Visual is 10px; the hit target stays 14px (see hitTestResizeHandlesAt)
+     * — bigger-than-visible click zones are standard.
      */
     private drawEntityResizeOverlay;
     update(): void;

package/dist/editor/EditorOverlayScene.js

@@ -1692,9 +1692,17 @@ export class EditorOverlayScene extends Phaser.Scene {
         postSelectionRect(this.game);
     }
     /**
-     * Render the 8 resize handles around the selected rect entity. No bounds
+     * Render the CORNER resize handles around the selected rect entity —
+     * Figma convention (2026-06-11): no edge-midpoint squares. On a small
+     * entity 8 handles visually swallowed the rect (a 3×3 grid of squares
+     * with the entity peeking through the middle). Edges stay fully
+     * resizable — the entire selection edge is a hit target and the cursor
+     * flips to ns/ew-resize on hover, which is affordance enough. No bounds
      * outline (the blue selection rect already draws it) and no ghost rect
      * (the live GO resizes in place during the drag).
+     *
+     * Visual is 10px; the hit target stays 14px (see hitTestResizeHandlesAt)
+     * — bigger-than-visible click zones are standard.
      */
     drawEntityResizeOverlay() {
         const info = this.entityResizeHandlePositions();
@@ -1702,9 +1710,11 @@ export class EditorOverlayScene extends Phaser.Scene {
             return;
         const cam = this.findActiveEditorCamera();
         const zoom = cam?.zoom ?? 1;
-        const handleSize = 14 / zoom; // 14px on screen regardless of zoom
+        const handleSize = 10 / zoom; // 10px on screen regardless of zoom
         const half = handleSize / 2;
         for (const h of info.handles) {
+            if (h.id !== 'nw' && h.id !== 'ne' && h.id !== 'sw' && h.id !== 'se')
+                continue;
             this.graphics.fillStyle(0xffffff, 1);
             this.graphics.fillRect(h.x - half, h.y - half, handleSize, handleSize);
             this.graphics.fillStyle(SELECTION_COLOR, 1);

package/package.json

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