Question

我正在尝试使用"Matter.js body documentation"中所述的碰撞过滤。但是，对于我的项目，我需要禁用不同Composite对象之间的冲突。因此，只有在同一复合材料中的物体才会发生碰撞。我计划拥有超过32个复合材料（32是Matter.js提供的最大碰撞类别）。我怎么做到这一点？

// module aliases
var Engine = Matter.Engine,
    Render = Matter.Render,
    World = Matter.World,
    Bodies = Matter.Bodies,
    Body = Matter.Body,
    Vector = Matter.Vector,
    Composite = Matter.Composite,
    Constraint = Matter.Constraint,
    MouseConstraint = Matter.MouseConstraint;

// create an engine
var engine = Engine.create();

// create a renderer
var container = document.getElementById("container");
var canvas = document.getElementById("maincanvas");

var render = Render.create({
    element: container,
    canvas: canvas,
    engine: engine,
    options: {
        height: 400,
        width: 400,
        wireframes: false
    }
});

// This makes collision much easier to test
engine.world.gravity = {x:0, y:0};

// Add a mouseconstraint to test
var mc = MouseConstraint.create(engine, {
    element: render.canvas
});
Composite.add(engine.world, mc);

var bodies1 = []
var bodies2 = []
var xpos = 30
var ypos = 30
for (var i = 0; i < 5; i++){
    bodies1.push(Bodies.circle(xpos, ypos, 10, {
        collisionFilter: {
            group:-1
        },
        render: {
            fillStyle: "blue"
        }
    })
    );
    xpos += 30;
}
for (var i = 0; i < 5; i++){
    bodies2.push(Bodies.circle(xpos, ypos, 10, {
        collisionFilter: {
            group:-1
        },
        render: {
            fillStyle: "red"
        }
    })
    );
    xpos += 30;
}

var composite1 = Composite.create();
Composite.add(composite1, bodies1);
var composite2 = Composite.create();
Composite.add(composite2, bodies2);

Composite.add(engine.world, [composite1, composite2]);

Engine.run(engine);
Render.run(render);

这样我就可以禁用复合材料之间的碰撞，但这也会禁用复合材料内部的碰撞。我可以使用collisionFilter.category系统执行此操作，但如何使用超过32个复合材料？

Answer 1

在复合级别上不支持碰撞过滤，您需要在主体级别处理它。为了使这更容易管理，只需创建一些复合辅助函数，例如compositeSetCollisionFilter(composite, filter)并迭代Composite.allBodies(composite)。

关于32个类别的限制，这是由于bitwise implementation（据说性能，但我怀疑它在现实中很重要）。我在关于reconsidering this的项目中提出了一个问题。

现在有一种方法可以获得更多，但是如果用你自己的函数替换Matter.Detector.canCollide(filterA, filterB)可以比较两个body.collisionFilter对象。通过这种方式，您可以使用body.collisionFilter对象的方案。

Matter.js禁用不同复合体之间的碰撞

1 个答案: