如何更改对象的碰撞过滤器，使其不再与 MouseConstraint (MatterJS) 交互

Question

我正在制作Slingshot演示。问题是，在发射岩石后，仍然可以单击并拖动它，我想禁用它。我在岩石上添加了一个过滤器：var rockOptions = {  density: 0.004,  restitution: 0.75,  collisionFilter: { mask: SOLID, category: NEXTBALL }};以及鼠标约束：var mouse = Mouse.create(render.canvas),  mouseConstraint = MouseConstraint.create(engine, {    mouse: mouse,    collisionFilter: { category: NEXTBALL },    constraint: {      stiffness: 0.2,      render: {        visible: true      }    }  });然后在单击事件中我尝试更改该过滤器，因此它不应再与鼠标类别匹配：Events.on(engine, "afterUpdate", function () {  if (    mouseConstraint.mouse.button === -1 &&    (rock.position.x > shootPosition.x + 20 ||      rock.position.y < shootPosition.y - 20)  ) {    Composite.remove(engine.world, elastic);    rock.collisionFilter = {category: SOLID, mask: SOLID};  }});但它仍然是可拖动的。我猜问题是我如何更改岩石上的过滤器，但我在文档中没有看到任何建议更改它的方法。我不认为这是因为我设置的类别，但在这里它们只是为了以防万一（实体和图像的确实有效，球不会与图像的碰撞：const SOLID = 0x0001;const IMAGE = 0x0002;const NEXTBALL = 0x0003;帮我让岩石不再可点击

Answer 1

防止鼠标操纵已经射击的岩石可以通过 // <---下面代码片段中所示的两个简单更改来实现。

• rock.collisionFilter.category = 0b10;将刚刚发射的任何岩石的类别设置为 2，然后创建新的岩石并rock用要发射的下一块岩石覆盖变量。

• collisionFilter: {mask: 0b1},将鼠标约束上的遮罩设置为仅与类别 1 中的实体交互。由于禁用的岩石属于类别 2 ( 0b10)，因此鼠标将不再与它们交互。

这是上下文中的代码。我使用这个提交以防万一发生任何变化。

Events.on(engine, 'afterUpdate', function() {

  if (mouseConstraint.mouse.button === -1 && (rock.position.x > 190 || rock.position.y < 430)) {

    rock.collisionFilter.category = 0b10; // <---

    rock = Bodies.polygon(170, 450, 7, 20, rockOptions);

    Composite.add(engine.world, rock);

    elastic.bodyB = rock;

  }

});

// add mouse control

var mouse = Mouse.create(render.canvas),

  mouseConstraint = MouseConstraint.create(engine, {

    mouse: mouse,

    collisionFilter: {mask: 0b1}, // <---

    constraint: {

      stiffness: 0.2,

      render: {

        visible: false

      }

    }

  });

默认mask值为 32 位全部设置，或4294967295/ 0xffffffff。您可能希望更精确，并仅禁用鼠标约束的第二位：0xfffffffd。这使得鼠标可以与除类别 2 之外的任何对象交互，而不仅仅是与类别 1 交互。

Answer 2

经过多次重新开始、调整和检查不同的演示后，终于弄清楚了。

首先，类别的位掩码必须是 2 的幂，因此NEXTBALL必须是0x0004而不是0x0003。

接下来，您不能将整个collisionFilter对象设置在已建立的实体上，否则会破坏碰撞。相反，你必须使用rock.collisionFilter.category = NEXTBALL;