microboard-temp 0.12.3 → 0.12.4

package/dist/cjs/browser.js

@@ -54345,52 +54345,58 @@ class GravityEngine {
     const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
     if (items.length < 1)
       return;
+    const snapshot = items.map((item) => {
+      const pos = item.transformation.getTranslation();
+      const mbr = item.getMbr();
+      const w = Math.max(mbr.getWidth(), 1);
+      const h2 = Math.max(mbr.getHeight(), 1);
+      return {
+        id: item.getId(),
+        cx: pos.x + w * 0.5,
+        cy: pos.y + h2 * 0.5,
+        w,
+        h: h2,
+        mass: w * h2
+      };
+    });
     let sumX = 0;
     let sumY = 0;
-    for (const item of items) {
-      const mbr = item.getMbr();
-      sumX += mbr.left + mbr.getWidth() * 0.5;
-      sumY += mbr.top + mbr.getHeight() * 0.5;
-    }
-    const centerX = sumX / items.length;
-    const centerY = sumY / items.length;
-    for (const item of items) {
-      const id = item.getId();
-      if (!this.velocities.has(id)) {
-        this.velocities.set(id, { vx: 0, vy: 0 });
-      }
-      const vel = this.velocities.get(id);
-      const mbr1 = item.getMbr();
-      const w1 = mbr1.getWidth();
-      const h1 = mbr1.getHeight();
+    for (const s2 of snapshot) {
+      sumX += s2.cx;
+      sumY += s2.cy;
+    }
+    const centerX = sumX / snapshot.length;
+    const centerY = sumY / snapshot.length;
+    for (let i = 0;i < snapshot.length; i++) {
+      const s1 = snapshot[i];
+      if (!this.velocities.has(s1.id)) {
+        this.velocities.set(s1.id, { vx: 0, vy: 0 });
+      }
+      const vel = this.velocities.get(s1.id);
       let ax = 0;
       let ay = 0;
-      const cx1 = mbr1.left + w1 * 0.5;
-      const cy1 = mbr1.top + h1 * 0.5;
-      const dcx = centerX - cx1;
-      const dcy = centerY - cy1;
+      const dcx = centerX - s1.cx;
+      const dcy = centerY - s1.cy;
       const distCenter = Math.sqrt(dcx * dcx + dcy * dcy) + 1;
       ax += this.G_CENTER * dcx / distCenter;
       ay += this.G_CENTER * dcy / distCenter;
-      const nearby = this.board.items.getEnclosedOrCrossed(cx1 - this.MAX_DISTANCE, cy1 - this.MAX_DISTANCE, cx1 + this.MAX_DISTANCE * 2, cy1 + this.MAX_DISTANCE * 2).filter((other) => other.getId() !== id && !EXCLUDED_ITEM_TYPES.has(other.itemType));
-      for (const other of nearby) {
-        const mbr2 = other.getMbr();
-        const w2 = mbr2.getWidth();
-        const h2 = mbr2.getHeight();
-        const mass2 = w2 * h2;
-        const cx2 = mbr2.left + w2 * 0.5;
-        const cy2 = mbr2.top + h2 * 0.5;
-        const dx = cx2 - cx1;
-        const dy = cy2 - cy1;
+      for (let j = 0;j < snapshot.length; j++) {
+        if (i === j)
+          continue;
+        const s2 = snapshot[j];
+        const dx = s2.cx - s1.cx;
+        const dy = s2.cy - s1.cy;
         const distSq = dx * dx + dy * dy;
         const dist = Math.sqrt(distSq) + 0.001;
-        const minDist = (w1 + w2) * 0.5 + (h1 + h2) * 0.5;
+        if (dist > this.MAX_DISTANCE)
+          continue;
+        const minDist = (s1.w + s2.w + s1.h + s2.h) * 0.25;
         if (dist < minDist) {
           const repAcc = this.REPULSION / (distSq + this.SOFTENING_SQ);
           ax -= repAcc * dx / dist;
           ay -= repAcc * dy / dist;
         } else {
-          const gravAcc = this.G * mass2 / (distSq + this.SOFTENING_SQ);
+          const gravAcc = this.G * s2.mass / (distSq + this.SOFTENING_SQ);
           ax += gravAcc * dx / dist;
           ay += gravAcc * dy / dist;
         }
@@ -54400,7 +54406,7 @@ class GravityEngine {
       const moveX = vel.vx * dt;
       const moveY = vel.vy * dt;
       if (Math.abs(moveX) >= this.MIN_MOVE_PX || Math.abs(moveY) >= this.MIN_MOVE_PX) {
-        item.transformation.applyMatrixSilent({
+        items[i].transformation.applyMatrixSilent({
           translateX: moveX,
           translateY: moveY,
           scaleX: 1,

package/dist/cjs/index.js

@@ -54345,52 +54345,58 @@ class GravityEngine {
     const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
     if (items.length < 1)
       return;
+    const snapshot = items.map((item) => {
+      const pos = item.transformation.getTranslation();
+      const mbr = item.getMbr();
+      const w = Math.max(mbr.getWidth(), 1);
+      const h2 = Math.max(mbr.getHeight(), 1);
+      return {
+        id: item.getId(),
+        cx: pos.x + w * 0.5,
+        cy: pos.y + h2 * 0.5,
+        w,
+        h: h2,
+        mass: w * h2
+      };
+    });
     let sumX = 0;
     let sumY = 0;
-    for (const item of items) {
-      const mbr = item.getMbr();
-      sumX += mbr.left + mbr.getWidth() * 0.5;
-      sumY += mbr.top + mbr.getHeight() * 0.5;
-    }
-    const centerX = sumX / items.length;
-    const centerY = sumY / items.length;
-    for (const item of items) {
-      const id = item.getId();
-      if (!this.velocities.has(id)) {
-        this.velocities.set(id, { vx: 0, vy: 0 });
-      }
-      const vel = this.velocities.get(id);
-      const mbr1 = item.getMbr();
-      const w1 = mbr1.getWidth();
-      const h1 = mbr1.getHeight();
+    for (const s2 of snapshot) {
+      sumX += s2.cx;
+      sumY += s2.cy;
+    }
+    const centerX = sumX / snapshot.length;
+    const centerY = sumY / snapshot.length;
+    for (let i = 0;i < snapshot.length; i++) {
+      const s1 = snapshot[i];
+      if (!this.velocities.has(s1.id)) {
+        this.velocities.set(s1.id, { vx: 0, vy: 0 });
+      }
+      const vel = this.velocities.get(s1.id);
       let ax = 0;
       let ay = 0;
-      const cx1 = mbr1.left + w1 * 0.5;
-      const cy1 = mbr1.top + h1 * 0.5;
-      const dcx = centerX - cx1;
-      const dcy = centerY - cy1;
+      const dcx = centerX - s1.cx;
+      const dcy = centerY - s1.cy;
       const distCenter = Math.sqrt(dcx * dcx + dcy * dcy) + 1;
       ax += this.G_CENTER * dcx / distCenter;
       ay += this.G_CENTER * dcy / distCenter;
-      const nearby = this.board.items.getEnclosedOrCrossed(cx1 - this.MAX_DISTANCE, cy1 - this.MAX_DISTANCE, cx1 + this.MAX_DISTANCE * 2, cy1 + this.MAX_DISTANCE * 2).filter((other) => other.getId() !== id && !EXCLUDED_ITEM_TYPES.has(other.itemType));
-      for (const other of nearby) {
-        const mbr2 = other.getMbr();
-        const w2 = mbr2.getWidth();
-        const h2 = mbr2.getHeight();
-        const mass2 = w2 * h2;
-        const cx2 = mbr2.left + w2 * 0.5;
-        const cy2 = mbr2.top + h2 * 0.5;
-        const dx = cx2 - cx1;
-        const dy = cy2 - cy1;
+      for (let j = 0;j < snapshot.length; j++) {
+        if (i === j)
+          continue;
+        const s2 = snapshot[j];
+        const dx = s2.cx - s1.cx;
+        const dy = s2.cy - s1.cy;
         const distSq = dx * dx + dy * dy;
         const dist = Math.sqrt(distSq) + 0.001;
-        const minDist = (w1 + w2) * 0.5 + (h1 + h2) * 0.5;
+        if (dist > this.MAX_DISTANCE)
+          continue;
+        const minDist = (s1.w + s2.w + s1.h + s2.h) * 0.25;
         if (dist < minDist) {
           const repAcc = this.REPULSION / (distSq + this.SOFTENING_SQ);
           ax -= repAcc * dx / dist;
           ay -= repAcc * dy / dist;
         } else {
-          const gravAcc = this.G * mass2 / (distSq + this.SOFTENING_SQ);
+          const gravAcc = this.G * s2.mass / (distSq + this.SOFTENING_SQ);
           ax += gravAcc * dx / dist;
           ay += gravAcc * dy / dist;
         }
@@ -54400,7 +54406,7 @@ class GravityEngine {
       const moveX = vel.vx * dt;
       const moveY = vel.vy * dt;
       if (Math.abs(moveX) >= this.MIN_MOVE_PX || Math.abs(moveY) >= this.MIN_MOVE_PX) {
-        item.transformation.applyMatrixSilent({
+        items[i].transformation.applyMatrixSilent({
           translateX: moveX,
           translateY: moveY,
           scaleX: 1,

package/dist/cjs/node.js

@@ -56818,52 +56818,58 @@ class GravityEngine {
     const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
     if (items.length < 1)
       return;
+    const snapshot = items.map((item) => {
+      const pos = item.transformation.getTranslation();
+      const mbr = item.getMbr();
+      const w = Math.max(mbr.getWidth(), 1);
+      const h2 = Math.max(mbr.getHeight(), 1);
+      return {
+        id: item.getId(),
+        cx: pos.x + w * 0.5,
+        cy: pos.y + h2 * 0.5,
+        w,
+        h: h2,
+        mass: w * h2
+      };
+    });
     let sumX = 0;
     let sumY = 0;
-    for (const item of items) {
-      const mbr = item.getMbr();
-      sumX += mbr.left + mbr.getWidth() * 0.5;
-      sumY += mbr.top + mbr.getHeight() * 0.5;
-    }
-    const centerX = sumX / items.length;
-    const centerY = sumY / items.length;
-    for (const item of items) {
-      const id = item.getId();
-      if (!this.velocities.has(id)) {
-        this.velocities.set(id, { vx: 0, vy: 0 });
-      }
-      const vel = this.velocities.get(id);
-      const mbr1 = item.getMbr();
-      const w1 = mbr1.getWidth();
-      const h1 = mbr1.getHeight();
+    for (const s2 of snapshot) {
+      sumX += s2.cx;
+      sumY += s2.cy;
+    }
+    const centerX = sumX / snapshot.length;
+    const centerY = sumY / snapshot.length;
+    for (let i = 0;i < snapshot.length; i++) {
+      const s1 = snapshot[i];
+      if (!this.velocities.has(s1.id)) {
+        this.velocities.set(s1.id, { vx: 0, vy: 0 });
+      }
+      const vel = this.velocities.get(s1.id);
       let ax = 0;
       let ay = 0;
-      const cx1 = mbr1.left + w1 * 0.5;
-      const cy1 = mbr1.top + h1 * 0.5;
-      const dcx = centerX - cx1;
-      const dcy = centerY - cy1;
+      const dcx = centerX - s1.cx;
+      const dcy = centerY - s1.cy;
       const distCenter = Math.sqrt(dcx * dcx + dcy * dcy) + 1;
       ax += this.G_CENTER * dcx / distCenter;
       ay += this.G_CENTER * dcy / distCenter;
-      const nearby = this.board.items.getEnclosedOrCrossed(cx1 - this.MAX_DISTANCE, cy1 - this.MAX_DISTANCE, cx1 + this.MAX_DISTANCE * 2, cy1 + this.MAX_DISTANCE * 2).filter((other) => other.getId() !== id && !EXCLUDED_ITEM_TYPES.has(other.itemType));
-      for (const other of nearby) {
-        const mbr2 = other.getMbr();
-        const w2 = mbr2.getWidth();
-        const h2 = mbr2.getHeight();
-        const mass2 = w2 * h2;
-        const cx2 = mbr2.left + w2 * 0.5;
-        const cy2 = mbr2.top + h2 * 0.5;
-        const dx = cx2 - cx1;
-        const dy = cy2 - cy1;
+      for (let j = 0;j < snapshot.length; j++) {
+        if (i === j)
+          continue;
+        const s2 = snapshot[j];
+        const dx = s2.cx - s1.cx;
+        const dy = s2.cy - s1.cy;
         const distSq = dx * dx + dy * dy;
         const dist = Math.sqrt(distSq) + 0.001;
-        const minDist = (w1 + w2) * 0.5 + (h1 + h2) * 0.5;
+        if (dist > this.MAX_DISTANCE)
+          continue;
+        const minDist = (s1.w + s2.w + s1.h + s2.h) * 0.25;
         if (dist < minDist) {
           const repAcc = this.REPULSION / (distSq + this.SOFTENING_SQ);
           ax -= repAcc * dx / dist;
           ay -= repAcc * dy / dist;
         } else {
-          const gravAcc = this.G * mass2 / (distSq + this.SOFTENING_SQ);
+          const gravAcc = this.G * s2.mass / (distSq + this.SOFTENING_SQ);
           ax += gravAcc * dx / dist;
           ay += gravAcc * dy / dist;
         }
@@ -56873,7 +56879,7 @@ class GravityEngine {
       const moveX = vel.vx * dt;
       const moveY = vel.vy * dt;
       if (Math.abs(moveX) >= this.MIN_MOVE_PX || Math.abs(moveY) >= this.MIN_MOVE_PX) {
-        item.transformation.applyMatrixSilent({
+        items[i].transformation.applyMatrixSilent({
           translateX: moveX,
           translateY: moveY,
           scaleX: 1,

package/dist/esm/browser.js

@@ -54174,52 +54174,58 @@ class GravityEngine {
     const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
     if (items.length < 1)
       return;
+    const snapshot = items.map((item) => {
+      const pos = item.transformation.getTranslation();
+      const mbr = item.getMbr();
+      const w = Math.max(mbr.getWidth(), 1);
+      const h2 = Math.max(mbr.getHeight(), 1);
+      return {
+        id: item.getId(),
+        cx: pos.x + w * 0.5,
+        cy: pos.y + h2 * 0.5,
+        w,
+        h: h2,
+        mass: w * h2
+      };
+    });
     let sumX = 0;
     let sumY = 0;
-    for (const item of items) {
-      const mbr = item.getMbr();
-      sumX += mbr.left + mbr.getWidth() * 0.5;
-      sumY += mbr.top + mbr.getHeight() * 0.5;
-    }
-    const centerX = sumX / items.length;
-    const centerY = sumY / items.length;
-    for (const item of items) {
-      const id = item.getId();
-      if (!this.velocities.has(id)) {
-        this.velocities.set(id, { vx: 0, vy: 0 });
-      }
-      const vel = this.velocities.get(id);
-      const mbr1 = item.getMbr();
-      const w1 = mbr1.getWidth();
-      const h1 = mbr1.getHeight();
+    for (const s2 of snapshot) {
+      sumX += s2.cx;
+      sumY += s2.cy;
+    }
+    const centerX = sumX / snapshot.length;
+    const centerY = sumY / snapshot.length;
+    for (let i = 0;i < snapshot.length; i++) {
+      const s1 = snapshot[i];
+      if (!this.velocities.has(s1.id)) {
+        this.velocities.set(s1.id, { vx: 0, vy: 0 });
+      }
+      const vel = this.velocities.get(s1.id);
       let ax = 0;
       let ay = 0;
-      const cx1 = mbr1.left + w1 * 0.5;
-      const cy1 = mbr1.top + h1 * 0.5;
-      const dcx = centerX - cx1;
-      const dcy = centerY - cy1;
+      const dcx = centerX - s1.cx;
+      const dcy = centerY - s1.cy;
       const distCenter = Math.sqrt(dcx * dcx + dcy * dcy) + 1;
       ax += this.G_CENTER * dcx / distCenter;
       ay += this.G_CENTER * dcy / distCenter;
-      const nearby = this.board.items.getEnclosedOrCrossed(cx1 - this.MAX_DISTANCE, cy1 - this.MAX_DISTANCE, cx1 + this.MAX_DISTANCE * 2, cy1 + this.MAX_DISTANCE * 2).filter((other) => other.getId() !== id && !EXCLUDED_ITEM_TYPES.has(other.itemType));
-      for (const other of nearby) {
-        const mbr2 = other.getMbr();
-        const w2 = mbr2.getWidth();
-        const h2 = mbr2.getHeight();
-        const mass2 = w2 * h2;
-        const cx2 = mbr2.left + w2 * 0.5;
-        const cy2 = mbr2.top + h2 * 0.5;
-        const dx = cx2 - cx1;
-        const dy = cy2 - cy1;
+      for (let j = 0;j < snapshot.length; j++) {
+        if (i === j)
+          continue;
+        const s2 = snapshot[j];
+        const dx = s2.cx - s1.cx;
+        const dy = s2.cy - s1.cy;
         const distSq = dx * dx + dy * dy;
         const dist = Math.sqrt(distSq) + 0.001;
-        const minDist = (w1 + w2) * 0.5 + (h1 + h2) * 0.5;
+        if (dist > this.MAX_DISTANCE)
+          continue;
+        const minDist = (s1.w + s2.w + s1.h + s2.h) * 0.25;
         if (dist < minDist) {
           const repAcc = this.REPULSION / (distSq + this.SOFTENING_SQ);
           ax -= repAcc * dx / dist;
           ay -= repAcc * dy / dist;
         } else {
-          const gravAcc = this.G * mass2 / (distSq + this.SOFTENING_SQ);
+          const gravAcc = this.G * s2.mass / (distSq + this.SOFTENING_SQ);
           ax += gravAcc * dx / dist;
           ay += gravAcc * dy / dist;
         }
@@ -54229,7 +54235,7 @@ class GravityEngine {
       const moveX = vel.vx * dt;
       const moveY = vel.vy * dt;
       if (Math.abs(moveX) >= this.MIN_MOVE_PX || Math.abs(moveY) >= this.MIN_MOVE_PX) {
-        item.transformation.applyMatrixSilent({
+        items[i].transformation.applyMatrixSilent({
           translateX: moveX,
           translateY: moveY,
           scaleX: 1,

package/dist/esm/index.js

@@ -54167,52 +54167,58 @@ class GravityEngine {
     const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
     if (items.length < 1)
       return;
+    const snapshot = items.map((item) => {
+      const pos = item.transformation.getTranslation();
+      const mbr = item.getMbr();
+      const w = Math.max(mbr.getWidth(), 1);
+      const h2 = Math.max(mbr.getHeight(), 1);
+      return {
+        id: item.getId(),
+        cx: pos.x + w * 0.5,
+        cy: pos.y + h2 * 0.5,
+        w,
+        h: h2,
+        mass: w * h2
+      };
+    });
     let sumX = 0;
     let sumY = 0;
-    for (const item of items) {
-      const mbr = item.getMbr();
-      sumX += mbr.left + mbr.getWidth() * 0.5;
-      sumY += mbr.top + mbr.getHeight() * 0.5;
-    }
-    const centerX = sumX / items.length;
-    const centerY = sumY / items.length;
-    for (const item of items) {
-      const id = item.getId();
-      if (!this.velocities.has(id)) {
-        this.velocities.set(id, { vx: 0, vy: 0 });
-      }
-      const vel = this.velocities.get(id);
-      const mbr1 = item.getMbr();
-      const w1 = mbr1.getWidth();
-      const h1 = mbr1.getHeight();
+    for (const s2 of snapshot) {
+      sumX += s2.cx;
+      sumY += s2.cy;
+    }
+    const centerX = sumX / snapshot.length;
+    const centerY = sumY / snapshot.length;
+    for (let i = 0;i < snapshot.length; i++) {
+      const s1 = snapshot[i];
+      if (!this.velocities.has(s1.id)) {
+        this.velocities.set(s1.id, { vx: 0, vy: 0 });
+      }
+      const vel = this.velocities.get(s1.id);
       let ax = 0;
       let ay = 0;
-      const cx1 = mbr1.left + w1 * 0.5;
-      const cy1 = mbr1.top + h1 * 0.5;
-      const dcx = centerX - cx1;
-      const dcy = centerY - cy1;
+      const dcx = centerX - s1.cx;
+      const dcy = centerY - s1.cy;
       const distCenter = Math.sqrt(dcx * dcx + dcy * dcy) + 1;
       ax += this.G_CENTER * dcx / distCenter;
       ay += this.G_CENTER * dcy / distCenter;
-      const nearby = this.board.items.getEnclosedOrCrossed(cx1 - this.MAX_DISTANCE, cy1 - this.MAX_DISTANCE, cx1 + this.MAX_DISTANCE * 2, cy1 + this.MAX_DISTANCE * 2).filter((other) => other.getId() !== id && !EXCLUDED_ITEM_TYPES.has(other.itemType));
-      for (const other of nearby) {
-        const mbr2 = other.getMbr();
-        const w2 = mbr2.getWidth();
-        const h2 = mbr2.getHeight();
-        const mass2 = w2 * h2;
-        const cx2 = mbr2.left + w2 * 0.5;
-        const cy2 = mbr2.top + h2 * 0.5;
-        const dx = cx2 - cx1;
-        const dy = cy2 - cy1;
+      for (let j = 0;j < snapshot.length; j++) {
+        if (i === j)
+          continue;
+        const s2 = snapshot[j];
+        const dx = s2.cx - s1.cx;
+        const dy = s2.cy - s1.cy;
         const distSq = dx * dx + dy * dy;
         const dist = Math.sqrt(distSq) + 0.001;
-        const minDist = (w1 + w2) * 0.5 + (h1 + h2) * 0.5;
+        if (dist > this.MAX_DISTANCE)
+          continue;
+        const minDist = (s1.w + s2.w + s1.h + s2.h) * 0.25;
         if (dist < minDist) {
           const repAcc = this.REPULSION / (distSq + this.SOFTENING_SQ);
           ax -= repAcc * dx / dist;
           ay -= repAcc * dy / dist;
         } else {
-          const gravAcc = this.G * mass2 / (distSq + this.SOFTENING_SQ);
+          const gravAcc = this.G * s2.mass / (distSq + this.SOFTENING_SQ);
           ax += gravAcc * dx / dist;
           ay += gravAcc * dy / dist;
         }
@@ -54222,7 +54228,7 @@ class GravityEngine {
       const moveX = vel.vx * dt;
       const moveY = vel.vy * dt;
       if (Math.abs(moveX) >= this.MIN_MOVE_PX || Math.abs(moveY) >= this.MIN_MOVE_PX) {
-        item.transformation.applyMatrixSilent({
+        items[i].transformation.applyMatrixSilent({
           translateX: moveX,
           translateY: moveY,
           scaleX: 1,

package/dist/esm/node.js

@@ -56635,52 +56635,58 @@ class GravityEngine {
     const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
     if (items.length < 1)
       return;
+    const snapshot = items.map((item) => {
+      const pos = item.transformation.getTranslation();
+      const mbr = item.getMbr();
+      const w = Math.max(mbr.getWidth(), 1);
+      const h2 = Math.max(mbr.getHeight(), 1);
+      return {
+        id: item.getId(),
+        cx: pos.x + w * 0.5,
+        cy: pos.y + h2 * 0.5,
+        w,
+        h: h2,
+        mass: w * h2
+      };
+    });
     let sumX = 0;
     let sumY = 0;
-    for (const item of items) {
-      const mbr = item.getMbr();
-      sumX += mbr.left + mbr.getWidth() * 0.5;
-      sumY += mbr.top + mbr.getHeight() * 0.5;
-    }
-    const centerX = sumX / items.length;
-    const centerY = sumY / items.length;
-    for (const item of items) {
-      const id = item.getId();
-      if (!this.velocities.has(id)) {
-        this.velocities.set(id, { vx: 0, vy: 0 });
-      }
-      const vel = this.velocities.get(id);
-      const mbr1 = item.getMbr();
-      const w1 = mbr1.getWidth();
-      const h1 = mbr1.getHeight();
+    for (const s2 of snapshot) {
+      sumX += s2.cx;
+      sumY += s2.cy;
+    }
+    const centerX = sumX / snapshot.length;
+    const centerY = sumY / snapshot.length;
+    for (let i = 0;i < snapshot.length; i++) {
+      const s1 = snapshot[i];
+      if (!this.velocities.has(s1.id)) {
+        this.velocities.set(s1.id, { vx: 0, vy: 0 });
+      }
+      const vel = this.velocities.get(s1.id);
       let ax = 0;
       let ay = 0;
-      const cx1 = mbr1.left + w1 * 0.5;
-      const cy1 = mbr1.top + h1 * 0.5;
-      const dcx = centerX - cx1;
-      const dcy = centerY - cy1;
+      const dcx = centerX - s1.cx;
+      const dcy = centerY - s1.cy;
       const distCenter = Math.sqrt(dcx * dcx + dcy * dcy) + 1;
       ax += this.G_CENTER * dcx / distCenter;
       ay += this.G_CENTER * dcy / distCenter;
-      const nearby = this.board.items.getEnclosedOrCrossed(cx1 - this.MAX_DISTANCE, cy1 - this.MAX_DISTANCE, cx1 + this.MAX_DISTANCE * 2, cy1 + this.MAX_DISTANCE * 2).filter((other) => other.getId() !== id && !EXCLUDED_ITEM_TYPES.has(other.itemType));
-      for (const other of nearby) {
-        const mbr2 = other.getMbr();
-        const w2 = mbr2.getWidth();
-        const h2 = mbr2.getHeight();
-        const mass2 = w2 * h2;
-        const cx2 = mbr2.left + w2 * 0.5;
-        const cy2 = mbr2.top + h2 * 0.5;
-        const dx = cx2 - cx1;
-        const dy = cy2 - cy1;
+      for (let j = 0;j < snapshot.length; j++) {
+        if (i === j)
+          continue;
+        const s2 = snapshot[j];
+        const dx = s2.cx - s1.cx;
+        const dy = s2.cy - s1.cy;
         const distSq = dx * dx + dy * dy;
         const dist = Math.sqrt(distSq) + 0.001;
-        const minDist = (w1 + w2) * 0.5 + (h1 + h2) * 0.5;
+        if (dist > this.MAX_DISTANCE)
+          continue;
+        const minDist = (s1.w + s2.w + s1.h + s2.h) * 0.25;
         if (dist < minDist) {
           const repAcc = this.REPULSION / (distSq + this.SOFTENING_SQ);
           ax -= repAcc * dx / dist;
           ay -= repAcc * dy / dist;
         } else {
-          const gravAcc = this.G * mass2 / (distSq + this.SOFTENING_SQ);
+          const gravAcc = this.G * s2.mass / (distSq + this.SOFTENING_SQ);
           ax += gravAcc * dx / dist;
           ay += gravAcc * dy / dist;
         }
@@ -56690,7 +56696,7 @@ class GravityEngine {
       const moveX = vel.vx * dt;
       const moveY = vel.vy * dt;
       if (Math.abs(moveX) >= this.MIN_MOVE_PX || Math.abs(moveY) >= this.MIN_MOVE_PX) {
-        item.transformation.applyMatrixSilent({
+        items[i].transformation.applyMatrixSilent({
           translateX: moveX,
           translateY: moveY,
           scaleX: 1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-temp",
-  "version": "0.12.3",
+  "version": "0.12.4",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",