@blorkfield/overlay-core 0.11.3 → 0.11.4

package/README.md

@@ -555,6 +555,7 @@ const scene = new OverlayScene(canvas, {
 | `floorConfig.minIntegrity` | none | Minimum segments required, otherwise all collapse |
 | `floorConfig.segmentWidths` | none | Proportional widths for each segment (array that sums to 1.0) |
 | `despawnBelowFloor` | 1.0 | Distance below floor to despawn objects (as fraction of height) |
+| `rescaleOnResize` | false | Translate all objects to stay centred when canvas dimensions change — useful for phone rotation and responsive layouts |
 
 ### Background Configuration
 

package/dist/index.cjs

@@ -2306,6 +2306,26 @@ var OverlayScene = class {
     }
   }
   resize(width, height) {
+    if (this.config.rescaleOnResize) {
+      const dx = (width - this.config.bounds.right) / 2;
+      const dy = (height - this.config.bounds.bottom) / 2;
+      for (const entry of this.objects.values()) {
+        const { x, y } = entry.body.position;
+        import_matter_js5.default.Body.setPosition(entry.body, { x: x + dx, y: y + dy });
+        if (entry.originalPosition) {
+          entry.originalPosition = {
+            x: entry.originalPosition.x + dx,
+            y: entry.originalPosition.y + dy
+          };
+        }
+        if (entry.domShadowElement) {
+          const currentLeft = parseFloat(entry.domShadowElement.style.left) || 0;
+          const currentTop = parseFloat(entry.domShadowElement.style.top) || 0;
+          entry.domShadowElement.style.setProperty("left", `${currentLeft + dx}px`, "important");
+          entry.domShadowElement.style.setProperty("top", `${currentTop + dy}px`, "important");
+        }
+      }
+    }
     this.canvas.width = width;
     this.canvas.height = height;
     this.config.bounds = { top: 0, bottom: height, left: 0, right: width };