主页 / coding / 问题 / 78541341
Accepted
user500665
Asked: 2024-05-28 06:49:27 +0800 CST

如何使用 MatterJS 防止堆栈中主体之间的碰撞？

  • 772

使用 MatterJS 我有一堆圆形和一个地板矩形：

var stack = Composites.stack(300, 0, 3, 3, 10, 10, function(x, y) {
    return Bodies.circle(x, y, Common.random(10, 20), {friction: 0, restitution: 0.2, density: 0.001 });
}); 

Composite.add(world, stack);

Composite.add(world, [
    Bodies.rectangle(300, 300, 600, 20, { isStatic: true, friction: 0, render: { fillStyle: '#060a19' } }),
]);

如何使这些圆圈相互忽略并仅与我的地板矩形碰撞？

javascript

1 个回答

  1. Best Answer

    根据这篇文章，您可以将圆圈添加到类别中0b10并将其遮盖起来0b01。这会禁用允许它们与自己的类别发生冲突的位。

    const engine = Matter.Engine.create();
const stack = Matter.Composites.stack(
  // xx yy cols rows colGap rowGap
  300,  0, 3,   3,   10,    10,
  (x, y) =>
    Matter.Bodies.circle(x, y, Matter.Common.random(10, 20), {
      friction: 0,
      restitution: 0.2,
      density: 0.001,
      collisionFilter: {
        mask: 0xfffffd,
        category: 0b10,
      },
    })
);
const floor = Matter.Bodies.rectangle(300, 200, 600, 20, {
  isStatic: true,
});
Matter.Composite.add(engine.world, [stack, floor]);
const render = Matter.Render.create({
  element: document.body,
  engine: engine,
  options: {
    width: 800,
    height: 600,
    showAngleIndicator: true,
  },
});
Matter.Render.run(render);
const runner = Matter.Runner.create();
Matter.Runner.run(runner, engine);
    <script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/matter.min.js"></script>

    • 0

相关问题