@blorkfield/overlay-core 0.8.9 → 0.8.11

package/dist/index.d.cts

@@ -7,8 +7,6 @@ interface OverlaySceneConfig {
     debug?: boolean;
     /** Background configuration with color, image, and transparency layers */
     background?: BackgroundConfig;
-    /** @deprecated Use floorConfig instead. Pressure threshold for the floor boundary. */
-    floorThreshold?: number;
     /** Distance below floor (as fraction of container height) at which objects despawn. Default: 1.0 (100%) */
     despawnBelowFloor?: number;
     /** Configuration for floor segments and thresholds */
@@ -536,7 +534,6 @@ declare class OverlayScene {
     private updateCallbacks;
     private config;
     private animationFrameId;
-    private mouse;
     private effectManager;
     private fonts;
     private fontsInitialized;
@@ -554,6 +551,10 @@ declare class OverlayScene {
     private lastGrabMousePosition;
     private grabbedWasDynamic;
     private grabVelocity;
+    private bodyPositionHistory;
+    private readonly grabHistoryFrames;
+    private readonly grabHistoryRadius;
+    private readonly substeps;
     static createContainer(parent: HTMLElement, options?: ContainerOptions): {
         canvas: HTMLCanvasElement;
         bounds: Bounds;

package/dist/index.d.ts

@@ -7,8 +7,6 @@ interface OverlaySceneConfig {
     debug?: boolean;
     /** Background configuration with color, image, and transparency layers */
     background?: BackgroundConfig;
-    /** @deprecated Use floorConfig instead. Pressure threshold for the floor boundary. */
-    floorThreshold?: number;
     /** Distance below floor (as fraction of container height) at which objects despawn. Default: 1.0 (100%) */
     despawnBelowFloor?: number;
     /** Configuration for floor segments and thresholds */
@@ -536,7 +534,6 @@ declare class OverlayScene {
     private updateCallbacks;
     private config;
     private animationFrameId;
-    private mouse;
     private effectManager;
     private fonts;
     private fontsInitialized;
@@ -554,6 +551,10 @@ declare class OverlayScene {
     private lastGrabMousePosition;
     private grabbedWasDynamic;
     private grabVelocity;
+    private bodyPositionHistory;
+    private readonly grabHistoryFrames;
+    private readonly grabHistoryRadius;
+    private readonly substeps;
     static createContainer(parent: HTMLElement, options?: ContainerOptions): {
         canvas: HTMLCanvasElement;
         bounds: Bounds;

package/dist/index.js

@@ -1375,7 +1375,6 @@ var OverlayScene = class {
     this.boundaries = [];
     this.updateCallbacks = [];
     this.animationFrameId = null;
-    this.mouse = null;
     this.fonts = [];
     this.fontsInitialized = false;
     this.letterDebugInfo = /* @__PURE__ */ new Map();
@@ -1402,6 +1401,12 @@ var OverlayScene = class {
     this.lastGrabMousePosition = null;
     this.grabbedWasDynamic = false;
     this.grabVelocity = { x: 0, y: 0 };
+    // Position history for sweep-based grab detection (catches fast-moving bodies)
+    this.bodyPositionHistory = /* @__PURE__ */ new Map();
+    this.grabHistoryFrames = 5;
+    this.grabHistoryRadius = 20;
+    // Number of physics substeps per frame — more substeps = better collision at high speeds, more CPU
+    this.substeps = 2;
     /** Handle mouse down - start grab via programmatic API */
     this.handleMouseDown = (event) => {
       const rect = this.canvas.getBoundingClientRect();
@@ -1478,13 +1483,14 @@ var OverlayScene = class {
     };
     // ==================== PRIVATE ====================
     this.loop = () => {
+      const substepDelta = 1e3 / 60 / this.substeps;
+      for (let i = 0; i < this.substeps; i++) {
+        Matter5.Engine.update(this.engine, substepDelta);
+      }
       this.effectManager.update();
       this.checkTTLExpiration();
       this.checkDespawnBelowFloor();
       this.updatePressure();
-      if (!this.followTargets.has("mouse") && this.mouse) {
-        this.followTargets.set("mouse", { x: this.mouse.position.x, y: this.mouse.position.y });
-      }
       if (this.grabbedObjectId && this.lastGrabMousePosition) {
         const entry = this.objects.get(this.grabbedObjectId);
         const mouseTarget = this.followTargets.get("mouse");
@@ -1521,6 +1527,14 @@ var OverlayScene = class {
         if (entry.domElement && entry.tags.includes("falling")) {
           this.updateDOMElementTransform(entry);
         }
+        if (entry.tags.includes("grabable") && !entry.body.isStatic) {
+          const history = this.bodyPositionHistory.get(entry.body.id) ?? [];
+          history.push({ x: entry.body.position.x, y: entry.body.position.y });
+          if (history.length > this.grabHistoryFrames) {
+            history.shift();
+          }
+          this.bodyPositionHistory.set(entry.body.id, history);
+        }
       }
       if (!this.config.debug) {
         this.drawTTFGlyphs();
@@ -1546,7 +1560,6 @@ var OverlayScene = class {
     this.floorSegments = boundariesResult.floorSegments;
     Matter5.Composite.add(this.engine.world, this.boundaries);
     this.checkInitialFloorIntegrity();
-    this.mouse = Matter5.Mouse.create(canvas);
     canvas.addEventListener("mousedown", this.handleMouseDown);
     canvas.addEventListener("mousemove", this.handleMouseMove);
     canvas.addEventListener("mouseup", this.handleMouseUp);
@@ -1782,7 +1795,7 @@ var OverlayScene = class {
       }
     }
     if (parts.length > 0) {
-      console.log("[Pressure]", parts.join(" "));
+      logger.debug("[Pressure]", parts.join(" "));
     }
   }
   /** Calculate weighted pressure from a set of object IDs */
@@ -1959,7 +1972,6 @@ var OverlayScene = class {
   }
   start() {
     Matter5.Render.run(this.render);
-    Matter5.Runner.run(this.runner, this.engine);
     this.loop();
   }
   stop() {
@@ -2326,13 +2338,13 @@ var OverlayScene = class {
    * @returns The ID of the grabbed object, or null if no grabable object at position
    */
   startGrab() {
-    const mouseTarget = this.followTargets.get("mouse");
-    const position = mouseTarget ?? (this.mouse ? { x: this.mouse.position.x, y: this.mouse.position.y } : null);
+    const position = this.followTargets.get("mouse") ?? null;
     if (!position) return null;
     const bodies = Matter5.Query.point(
       Matter5.Composite.allBodies(this.engine.world),
       position
     );
+    logger.debug("OverlayScene", "Grabbed position " + position + ', had "' + bodies.length + '"');
     for (const body of bodies) {
       const entry = this.findObjectByBody(body);
       if (entry && entry.tags.includes("grabable")) {
@@ -2344,6 +2356,24 @@ var OverlayScene = class {
         return entry.id;
       }
     }
+    const r2 = this.grabHistoryRadius * this.grabHistoryRadius;
+    for (const entry of this.objects.values()) {
+      if (!entry.tags.includes("grabable")) continue;
+      const history = this.bodyPositionHistory.get(entry.body.id);
+      if (!history) continue;
+      for (const pastPos of history) {
+        const dx = position.x - pastPos.x;
+        const dy = position.y - pastPos.y;
+        if (dx * dx + dy * dy <= r2) {
+          this.grabbedObjectId = entry.id;
+          this.lastGrabMousePosition = { x: position.x, y: position.y };
+          this.grabVelocity = { x: 0, y: 0 };
+          this.grabbedWasDynamic = !entry.body.isStatic;
+          Matter5.Body.setStatic(entry.body, true);
+          return entry.id;
+        }
+      }
+    }
     return null;
   }
   /**
@@ -2357,6 +2387,7 @@ var OverlayScene = class {
         Matter5.Sleeping.set(entry.body, false);
         Matter5.Body.setVelocity(entry.body, this.grabVelocity);
         Matter5.Body.setAngularVelocity(entry.body, 0);
+        this.bodyPositionHistory.delete(entry.body.id);
       }
     }
     this.grabbedObjectId = null;