javascript - Matter.js - 如何在碰撞后移除身体

Question

我是 Matter.js 的新手，我真的很困惑如何在碰撞后删除一对中的特定主体，这是我的代码：

Matter.Events.on(engine, 'collisionEnd', function(event){
  var i, pair,
  length = event.pairs.length;
  for(i = 0; i<length; i++){
    pair = event.pairs[i];
    if(pair.bodyA === ball){
      continue;
    }
    else{
      World.remove(world, pair.bodyA);
    }
  }
});

我想在与球发生碰撞后删除方块，但代码不起作用。

Answer 1

看看这段代码。这应该工作！

var e = Matter.Engine.create(document.body);
var a = Matter.Bodies.rectangle(400, 400, 100, 60);
var b = Matter.Bodies.rectangle(450, 100, 100, 60);

Matter.Events.on(e, 'collisionEnd', _ => {
    _.pairs.forEach(_ => {
        if(_.bodyA === a || _.bodyB === a)
            Matter.World.remove(e.world, a);
    });
});

Matter.World.add(e.world, [a, b]);
Matter.Engine.run(e);

顺便说一句，不要使用 for 循环。Foreach 与 matte.js 配合得很好。

Answer 2

Matter.Events.on(e, 'collisionEnd', ({ pairs }) => {
   pairs.forEach(({ bodyA, bodyB }) => {
     if (bodyA !== ball) Matter.World.remove(world, bodyA);
     if (bodyB !== ball) Matter.World.remove(world, bodyB);
  });
});

应该有帮助