@react-shimeji/core 0.3.3 → 0.3.4

package/dist/index.cjs

@@ -1647,6 +1647,9 @@ function environmentRectangle(bounds) {
 }
 var PLATFORM_NEARBY_DISTANCE = 400;
 var PLATFORM_EDGE_TOLERANCE = 2;
+var MASCOT_HITBOX_MAX_WIDTH = 32;
+var MASCOT_HITBOX_MAX_HEIGHT = 64;
+var MASCOT_COLLISION_LOOKAHEAD = 4;
 var IE_BEHAVIOR_NAME_PATTERN = /wall|climb|crawl|壁|登|よじ/i;
 function isIEBehavior(behavior) {
   return behavior.conditions.some((condition) => /activeIE/i.test(condition)) || behavior.name.includes("IE") || behavior.name.includes("\uFF29\uFF25") || IE_BEHAVIOR_NAME_PATTERN.test(behavior.name) || behavior.actionName !== void 0 && (behavior.actionName.includes("IE") || behavior.actionName.includes("\uFF29\uFF25") || IE_BEHAVIOR_NAME_PATTERN.test(behavior.actionName));
@@ -1713,7 +1716,7 @@ var Mascot = class {
   random;
   forceInitialFall;
   /** Advances behavior, animation, physics, and rendering by one clock tick. */
-  tick(deltaMs, bounds, platforms = []) {
+  tick(deltaMs, bounds, platforms = [], siblings = []) {
     if (this.destroyed) return;
     this.platforms = platforms;
     try {
@@ -1721,7 +1724,7 @@ var Mascot = class {
       this.accumulatedMs += Math.max(0, deltaMs);
       while (this.accumulatedMs >= this.frameDuration && !this.destroyed) {
         this.accumulatedMs -= this.frameDuration;
-        this.legacyTick(bounds, platforms);
+        this.legacyTick(bounds, platforms, siblings);
       }
     } catch (error) {
       this.callbacks.error(error instanceof Error ? error : new Error(String(error)));
@@ -1734,6 +1737,24 @@ var Mascot = class {
   snapshot() {
     return { ...this.state };
   }
+  /** Returns the mascot's compact, feet-aligned behavioral collision box. */
+  collisionBox() {
+    const sprite = this.spec.sprites[this.state.sprite];
+    const spriteWidth = typeof sprite === "object" && sprite.width !== void 0 ? sprite.width : 128;
+    const spriteHeight = typeof sprite === "object" && sprite.height !== void 0 ? sprite.height : 128;
+    const width = Math.min(spriteWidth, MASCOT_HITBOX_MAX_WIDTH);
+    const height = Math.min(spriteHeight, MASCOT_HITBOX_MAX_HEIGHT);
+    const anchorX = this.state.lookRight ? spriteWidth - this.state.anchorX : this.state.anchorX;
+    const visualLeft = this.state.x - anchorX;
+    const visualTop = this.state.y - this.state.anchorY;
+    return {
+      id: this.id,
+      x: visualLeft + (spriteWidth - width) / 2,
+      y: visualTop + spriteHeight - height,
+      width,
+      height
+    };
+  }
   /** Removes listeners, DOM nodes, and object URLs owned by this mascot. */
   destroy() {
     if (this.destroyed) return;
@@ -1762,11 +1783,13 @@ var Mascot = class {
       if (!this.startBehavior(this.createEnvironment(bounds, platforms), bounds, platforms)) return;
     }
   }
-  legacyTick(bounds, platforms) {
+  legacyTick(bounds, platforms, siblings) {
     this.ensureBehavior(bounds, platforms, false);
     if (!this.currentBehavior) return;
+    const previous = { x: this.state.x, y: this.state.y };
     const result = this.actions.step(this.createEnvironment(bounds, platforms), bounds, platforms);
     if (this.destroyed) return;
+    this.avoidSiblingCollision(previous, bounds, platforms, siblings);
     if (result === "lost-ground") {
       this.state.dragging = false;
       this.actions.cancel();
@@ -1784,6 +1807,31 @@ var Mascot = class {
       if (this.currentBehavior) this.startBehavior(this.createEnvironment(bounds, platforms), bounds, platforms);
     }
   }
+  avoidSiblingCollision(previous, bounds, platforms, siblings) {
+    const dx = this.state.x - previous.x;
+    if (this.state.dragging || dx === 0 || this.state.y !== previous.y) return;
+    const onHorizontalSurface = isOnFloor(previous, bounds, platforms) || isOnTop(previous, bounds) || platforms.some((platform) => isOnBottom(previous, platform));
+    if (!onHorizontalSurface) return;
+    const currentBox = this.collisionBox();
+    const offsetX = currentBox.x - this.state.x;
+    const previousBox = { ...currentBox, x: previous.x + offsetX };
+    const movingRight = dx > 0;
+    const sweptLeft = Math.min(previousBox.x, currentBox.x) - (movingRight ? 0 : MASCOT_COLLISION_LOOKAHEAD);
+    const sweptRight = Math.max(previousBox.x + previousBox.width, currentBox.x + currentBox.width) + (movingRight ? MASCOT_COLLISION_LOOKAHEAD : 0);
+    const previousCenterX = previousBox.x + previousBox.width / 2;
+    const collision = siblings.some((sibling) => {
+      if (sibling.id === this.id) return false;
+      const siblingCenterX = sibling.x + sibling.width / 2;
+      const isAhead = movingRight ? siblingCenterX >= previousCenterX : siblingCenterX <= previousCenterX;
+      const overlapsVertically = currentBox.y < sibling.y + sibling.height && sibling.y < currentBox.y + currentBox.height;
+      const crossesHorizontally = sweptLeft <= sibling.x + sibling.width && sibling.x <= sweptRight;
+      return isAhead && overlapsVertically && crossesHorizontally;
+    });
+    if (!collision) return;
+    this.state.x = previous.x;
+    this.state.vx = 0;
+    this.state.lookRight = !this.state.lookRight;
+  }
   isOutsideVisibleBounds(bounds) {
     const sprite = this.spec.sprites[this.state.sprite];
     const width = typeof sprite === "object" && "width" in sprite && sprite.width !== void 0 ? sprite.width : 128;
@@ -2205,7 +2253,9 @@ var ShimejiEngine = class {
     this.lastFrameTime = timestamp;
     const delta = Math.max(0, Math.min(rawDelta, this.options.maxDeltaTime));
     const { bounds, platforms } = this.readFrameGeometry();
-    for (const mascot of [...this.mascots.values()]) mascot.tick(delta, bounds, platforms);
+    const mascots = [...this.mascots.values()];
+    const collisionBoxes = mascots.map((mascot) => mascot.collisionBox());
+    for (const mascot of mascots) mascot.tick(delta, bounds, platforms, collisionBoxes);
     this.emitState();
     this.animationFrame = this.container.ownerDocument.defaultView?.requestAnimationFrame(this.onAnimationFrame);
   };