Início / coding / Perguntas / 78541341
Accepted
user500665
Asked: 2024-05-28 06:49:27 +0800 CST

Como evito a colisão entre corpos em uma pilha usando MatterJS?

  • 772

Usando MatterJS eu tenho uma pilha de círculos e um retângulo de chão:

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' } }),
]);

Como faço para que esses círculos se ignorem e colidam apenas com o retângulo do meu chão?

javascript

1 respostas

  1. Best Answer

    Com base nesta postagem , você pode adicionar os círculos à categoria 0b10e mascará-los 0b01. Isso desativa o bit que permite colidir com sua própria categoria.

    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

relate perguntas