Matter.js禁用不同的複合材料

我試圖使用過濾碰撞作爲在"Matter.js body documentation"描述之間的碰撞。但是，對於我的項目，我需要禁用不同複合對象之間的衝突。所以只有在同一個複合體中的物體纔會碰撞。我計劃擁有32個以上的複合材料（32個是由Matter.js提供的最大碰撞類別）。我將如何實現這一目標？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層複合材料的工作？

來源

2017-01-02 SwenMulderij

在複合材料水平有碰撞過濾不支持，你需要在身體層面來處理它。爲了便於管理，只需創建一些複合助手功能，例如compositeSetCollisionFilter(composite, filter)並重復Composite.allBodies(composite)。

關於32個類別的限制，這是由於bitwise implementation（性能按說，但我懷疑它的事項很多在現實中）。我在這個項目上提出了一個關於reconsidering this的問題。

現在有一種方法可以有更多，雖然如果您替換Matter.Detector.canCollide(filterA, filterB)用您自己的功能，可以比較兩個body.collisionFilter對象。有了這個，你可以使用你喜歡的body.collisionFilter對象。

來源

2017-01-03 12:49:30 liabru

Matter.js禁用不同的複合材料

回答

相關問題