excalibur 0.32.0-alpha.1598 → 0.32.0-alpha.16

package/build/dist/excalibur.development.js

@@ -1,4 +1,4 @@
-/*! excalibur - 0.32.0-alpha.1598+97bb68b - 2025-12-15
+/*! excalibur - 0.32.0-alpha.16+07ccaa0 - 2025-12-22
 https://github.com/excaliburjs/Excalibur
 Copyright (c) 2025 Excalibur.js <https://github.com/excaliburjs/Excalibur/graphs/contributors>
 Licensed BSD-2-Clause
@@ -21327,10 +21327,9 @@ If you want to do custom drawing, use Actor.graphics, or any onPreDraw or onPost
       return updated;
     }
     debug(ex, elapsed) {
-      const transparent = Color.Transparent;
       const color = Color.White;
       for (const cell of this.sparseHashGrid.values()) {
-        ex.drawRectangle(vec(cell.x * this.gridSize, cell.y * this.gridSize), this.gridSize, this.gridSize, transparent, color, 2);
+        ex.debug.drawRect(cell.x * this.gridSize, cell.y * this.gridSize, this.gridSize, this.gridSize, { color, lineWidth: 2 });
       }
     }
   }
@@ -24398,13 +24397,18 @@ If you want to do custom drawing, use Actor.graphics, or any onPreDraw or onPost
         buttonElement.id = "excalibur-play";
         buttonElement.style.display = "none";
         if (buttonElement) {
-          const span = document.createElement("span");
+          let [span, text] = buttonElement.getElementsByTagName("span");
+          if (!span) {
+            span != null ? span : span = document.createElement("span");
+            buttonElement.appendChild(span);
+          }
           span.id = "excalibur-play-icon";
-          buttonElement.appendChild(span);
-          const text = document.createElement("span");
+          if (!text) {
+            text != null ? text : text = document.createElement("span");
+            buttonElement.appendChild(text);
+          }
           text.id = "excalibur-play-text";
           text.textContent = this.playButtonText;
-          buttonElement.appendChild(text);
         }
         return buttonElement;
       };
@@ -25713,11 +25717,11 @@ If you want to do custom drawing, use Actor.graphics, or any onPreDraw or onPost
       if (showGrid || showAll) {
         for (let r = 0; r < this.rows + 1; r++) {
           const yOffset = vec(0, r * this.tileHeight * this.scale.y);
-          gfx.drawLine(pos.add(yOffset), pos.add(vec(width, yOffset.y)), gridColor, gridWidth);
+          gfx.debug.drawLine(pos.add(yOffset), pos.add(vec(width, yOffset.y)), { color: gridColor, lineWidth: gridWidth });
         }
         for (let c = 0; c < this.columns + 1; c++) {
           const xOffset = vec(c * this.tileWidth * this.scale.x, 0);
-          gfx.drawLine(pos.add(xOffset), pos.add(vec(xOffset.x, height)), gridColor, gridWidth);
+          gfx.debug.drawLine(pos.add(xOffset), pos.add(vec(xOffset.x, height)), { color: gridColor, lineWidth: gridWidth });
         }
       }
       if (showAll || showColliderBounds || showColliderGeometry) {
@@ -25729,7 +25733,7 @@ If you want to do custom drawing, use Actor.graphics, or any onPreDraw or onPost
           const bounds = collider.localBounds;
           const pos2 = collider.worldPos.sub(this.pos);
           if (showColliderBounds) {
-            gfx.drawRectangle(pos2, bounds.width, bounds.height, colliderBoundsColor);
+            gfx.debug.drawRect(pos2.x, pos2.y, bounds.width, bounds.height, { color: colliderBoundsColor });
           }
         }
         gfx.restore();
@@ -27092,17 +27096,15 @@ If you want to do custom drawing, use Actor.graphics, or any onPreDraw or onPost
             cursor = cursor.add(lineHeight);
           }
           if (txSettings.showAll || txSettings.showRotation) {
-            this._graphicsContext.drawLine(
-              Vector.Zero,
-              Vector.fromAngle(tx.rotation).scale(50).add(Vector.Zero),
-              txSettings.rotationColor,
-              2
-            );
+            this._graphicsContext.debug.drawLine(Vector.Zero, Vector.fromAngle(tx.rotation).scale(20).add(Vector.Zero), {
+              color: txSettings.rotationColor,
+              lineWidth: 2
+            });
             this._graphicsContext.debug.drawText(`rot deg(${toDegrees(tx.rotation).toFixed(2)})`, cursor);
             cursor = cursor.add(lineHeight);
           }
           if (txSettings.showAll || txSettings.showScale) {
-            this._graphicsContext.drawLine(Vector.Zero, tx.scale.add(Vector.Zero), txSettings.scaleColor, 2);
+            this._graphicsContext.debug.drawLine(Vector.Zero, tx.scale, { color: txSettings.scaleColor, lineWidth: 2 });
           }
         }
         debugDraw = entity.get(DebugGraphicsComponent);
@@ -27119,7 +27121,11 @@ If you want to do custom drawing, use Actor.graphics, or any onPreDraw or onPost
         body = entity.get(BodyComponent);
         if (body) {
           if (bodySettings.showAll || bodySettings.showCollisionGroup) {
-            this._graphicsContext.debug.drawText(`collision group(${body.group.name})`, cursor);
+            this._graphicsContext.debug.drawText(`collision group name(${body.group.name}))`, cursor);
+            cursor = cursor.add(lineHeight);
+            this._graphicsContext.debug.drawText(`          mask(0x${(body.group.mask >>> 0).toString(16)})`, cursor);
+            cursor = cursor.add(lineHeight);
+            this._graphicsContext.debug.drawText(`          category(0x${(body.group.category >>> 0).toString(16)})`, cursor);
             cursor = cursor.add(lineHeight);
           }
           if (bodySettings.showAll || bodySettings.showCollisionType) {
@@ -27148,11 +27154,17 @@ If you want to do custom drawing, use Actor.graphics, or any onPreDraw or onPost
         if (motion) {
           if (motionSettings.showAll || motionSettings.showVelocity) {
             this._graphicsContext.debug.drawText(`vel${motion.vel.toString(2)}`, cursor.add(tx.globalPos));
-            this._graphicsContext.drawLine(tx.globalPos, tx.globalPos.add(motion.vel), motionSettings.velocityColor, 2);
+            this._graphicsContext.debug.drawLine(tx.globalPos, tx.globalPos.add(motion.vel), {
+              color: motionSettings.velocityColor,
+              lineWidth: 2
+            });
             cursor = cursor.add(lineHeight);
           }
           if (motionSettings.showAll || motionSettings.showAcceleration) {
-            this._graphicsContext.drawLine(tx.globalPos, tx.globalPos.add(motion.acc), motionSettings.accelerationColor, 2);
+            this._graphicsContext.debug.drawLine(tx.globalPos, tx.globalPos.add(motion.acc), {
+              color: motionSettings.accelerationColor,
+              lineWidth: 2
+            });
           }
         }
         colliderComp = entity.get(ColliderComponent);
@@ -33602,7 +33614,7 @@ Read more about this issue at https://excaliburjs.com/docs/performance`
       this._count += count;
     }
   }
-  const EX_VERSION = "0.32.0-alpha.1598+97bb68b";
+  const EX_VERSION = "0.32.0-alpha.16+07ccaa0";
   polyfill();
   exports2.ActionCompleteEvent = ActionCompleteEvent;
   exports2.ActionContext = ActionContext;

package/build/dist/excalibur.js

@@ -1,4 +1,4 @@
-/*! excalibur - 0.32.0-alpha.1598+97bb68b - 2025-12-15
+/*! excalibur - 0.32.0-alpha.16+07ccaa0 - 2025-12-22
 https://github.com/excaliburjs/Excalibur
 Copyright (c) 2025 Excalibur.js <https://github.com/excaliburjs/Excalibur/graphs/contributors>
 Licensed BSD-2-Clause
@@ -21327,10 +21327,9 @@ If you want to do custom drawing, use Actor.graphics, or any onPreDraw or onPost
       return updated;
     }
     debug(ex, elapsed) {
-      const transparent = Color.Transparent;
       const color = Color.White;
       for (const cell of this.sparseHashGrid.values()) {
-        ex.drawRectangle(vec(cell.x * this.gridSize, cell.y * this.gridSize), this.gridSize, this.gridSize, transparent, color, 2);
+        ex.debug.drawRect(cell.x * this.gridSize, cell.y * this.gridSize, this.gridSize, this.gridSize, { color, lineWidth: 2 });
       }
     }
   }
@@ -24398,13 +24397,18 @@ If you want to do custom drawing, use Actor.graphics, or any onPreDraw or onPost
         buttonElement.id = "excalibur-play";
         buttonElement.style.display = "none";
         if (buttonElement) {
-          const span = document.createElement("span");
+          let [span, text] = buttonElement.getElementsByTagName("span");
+          if (!span) {
+            span != null ? span : span = document.createElement("span");
+            buttonElement.appendChild(span);
+          }
           span.id = "excalibur-play-icon";
-          buttonElement.appendChild(span);
-          const text = document.createElement("span");
+          if (!text) {
+            text != null ? text : text = document.createElement("span");
+            buttonElement.appendChild(text);
+          }
           text.id = "excalibur-play-text";
           text.textContent = this.playButtonText;
-          buttonElement.appendChild(text);
         }
         return buttonElement;
       };
@@ -25713,11 +25717,11 @@ If you want to do custom drawing, use Actor.graphics, or any onPreDraw or onPost
       if (showGrid || showAll) {
         for (let r = 0; r < this.rows + 1; r++) {
           const yOffset = vec(0, r * this.tileHeight * this.scale.y);
-          gfx.drawLine(pos.add(yOffset), pos.add(vec(width, yOffset.y)), gridColor, gridWidth);
+          gfx.debug.drawLine(pos.add(yOffset), pos.add(vec(width, yOffset.y)), { color: gridColor, lineWidth: gridWidth });
         }
         for (let c = 0; c < this.columns + 1; c++) {
           const xOffset = vec(c * this.tileWidth * this.scale.x, 0);
-          gfx.drawLine(pos.add(xOffset), pos.add(vec(xOffset.x, height)), gridColor, gridWidth);
+          gfx.debug.drawLine(pos.add(xOffset), pos.add(vec(xOffset.x, height)), { color: gridColor, lineWidth: gridWidth });
         }
       }
       if (showAll || showColliderBounds || showColliderGeometry) {
@@ -25729,7 +25733,7 @@ If you want to do custom drawing, use Actor.graphics, or any onPreDraw or onPost
           const bounds = collider.localBounds;
           const pos2 = collider.worldPos.sub(this.pos);
           if (showColliderBounds) {
-            gfx.drawRectangle(pos2, bounds.width, bounds.height, colliderBoundsColor);
+            gfx.debug.drawRect(pos2.x, pos2.y, bounds.width, bounds.height, { color: colliderBoundsColor });
           }
         }
         gfx.restore();
@@ -27092,17 +27096,15 @@ If you want to do custom drawing, use Actor.graphics, or any onPreDraw or onPost
             cursor = cursor.add(lineHeight);
           }
           if (txSettings.showAll || txSettings.showRotation) {
-            this._graphicsContext.drawLine(
-              Vector.Zero,
-              Vector.fromAngle(tx.rotation).scale(50).add(Vector.Zero),
-              txSettings.rotationColor,
-              2
-            );
+            this._graphicsContext.debug.drawLine(Vector.Zero, Vector.fromAngle(tx.rotation).scale(20).add(Vector.Zero), {
+              color: txSettings.rotationColor,
+              lineWidth: 2
+            });
             this._graphicsContext.debug.drawText(`rot deg(${toDegrees(tx.rotation).toFixed(2)})`, cursor);
             cursor = cursor.add(lineHeight);
           }
           if (txSettings.showAll || txSettings.showScale) {
-            this._graphicsContext.drawLine(Vector.Zero, tx.scale.add(Vector.Zero), txSettings.scaleColor, 2);
+            this._graphicsContext.debug.drawLine(Vector.Zero, tx.scale, { color: txSettings.scaleColor, lineWidth: 2 });
           }
         }
         debugDraw = entity.get(DebugGraphicsComponent);
@@ -27119,7 +27121,11 @@ If you want to do custom drawing, use Actor.graphics, or any onPreDraw or onPost
         body = entity.get(BodyComponent);
         if (body) {
           if (bodySettings.showAll || bodySettings.showCollisionGroup) {
-            this._graphicsContext.debug.drawText(`collision group(${body.group.name})`, cursor);
+            this._graphicsContext.debug.drawText(`collision group name(${body.group.name}))`, cursor);
+            cursor = cursor.add(lineHeight);
+            this._graphicsContext.debug.drawText(`          mask(0x${(body.group.mask >>> 0).toString(16)})`, cursor);
+            cursor = cursor.add(lineHeight);
+            this._graphicsContext.debug.drawText(`          category(0x${(body.group.category >>> 0).toString(16)})`, cursor);
             cursor = cursor.add(lineHeight);
           }
           if (bodySettings.showAll || bodySettings.showCollisionType) {
@@ -27148,11 +27154,17 @@ If you want to do custom drawing, use Actor.graphics, or any onPreDraw or onPost
         if (motion) {
           if (motionSettings.showAll || motionSettings.showVelocity) {
             this._graphicsContext.debug.drawText(`vel${motion.vel.toString(2)}`, cursor.add(tx.globalPos));
-            this._graphicsContext.drawLine(tx.globalPos, tx.globalPos.add(motion.vel), motionSettings.velocityColor, 2);
+            this._graphicsContext.debug.drawLine(tx.globalPos, tx.globalPos.add(motion.vel), {
+              color: motionSettings.velocityColor,
+              lineWidth: 2
+            });
             cursor = cursor.add(lineHeight);
           }
           if (motionSettings.showAll || motionSettings.showAcceleration) {
-            this._graphicsContext.drawLine(tx.globalPos, tx.globalPos.add(motion.acc), motionSettings.accelerationColor, 2);
+            this._graphicsContext.debug.drawLine(tx.globalPos, tx.globalPos.add(motion.acc), {
+              color: motionSettings.accelerationColor,
+              lineWidth: 2
+            });
           }
         }
         colliderComp = entity.get(ColliderComponent);
@@ -33602,7 +33614,7 @@ Read more about this issue at https://excaliburjs.com/docs/performance`
       this._count += count;
     }
   }
-  const EX_VERSION = "0.32.0-alpha.1598+97bb68b";
+  const EX_VERSION = "0.32.0-alpha.16+07ccaa0";
   polyfill();
   exports2.ActionCompleteEvent = ActionCompleteEvent;
   exports2.ActionContext = ActionContext;