Kaboom.js碰撞检测问题：无法实现收集硬币放大玩家功能

你的碰撞检测无法触发，核心是两个遗漏点：

1. 硬币实体没有添加area()组件——Kaboom.js里只有带area()的实体才能参与碰撞检测
2. 硬币没有设置"coin"标签，导致player.onCollide("coin")找不到目标

以下是修复后的完整代码，同时实现"触碰硬币后玩家放大"的需求：

import kaboom from "kaboom"

// 初始化Kaboom
kaboom()

const speed = 150;
let PlayerScale = 1;

// 加载资源
loadSprite("player", "sprites/bean.png")
loadSprite("coin", "sprites/coin.png");

// 创建玩家
const player = add([
  sprite("player"),
  pos(width() / 2, height() / 2),
  scale(PlayerScale),
  area(), // 玩家已添加碰撞区域，无需修改
]);

// 创建硬币（添加area()和tag("coin")）
const coin = add([
  sprite("coin"),
  pos(100, 100),
  scale(0.5),
  area(), // 必须添加：开启碰撞检测区域
  tag("coin"), // 必须添加：给硬币打标签，让onCollide能识别
]);

// 碰撞触发逻辑
player.onCollide("coin", (collidedCoin) => {
    destroy(collidedCoin) // 销毁碰撞到的硬币
    PlayerScale += 0.2 // 每次放大0.2（建议不要+1，不然会瞬间过大）
    player.scale = PlayerScale // 同步缩放值到玩家实体
})

// 玩家移动控制
keyDown("w", () => {
  player.move(0, -speed);
});

keyDown("a", () => {
  player.move(-speed, 0);
});

keyDown("s", () => {
  player.move(0, speed);
});

keyDown("d", () => {
  player.move(speed, 0);
});

关键修复细节：

• 给硬币添加area()：这是Kaboom.js碰撞检测的基础，没有这个组件的实体不会被检测碰撞
• 给硬币添加tag("coin")：onCollide的参数是目标实体的标签，必须匹配才能触发回调
• 同步玩家缩放：直接修改PlayerScale变量不会自动更新实体的显示，必须手动赋值给player.scale

内容的提问来源于stack exchange，提问作者blinkingcape