Как в matter.js выделить объект мышкой?

Question

[че!]

надо чтобы при нажатии на объект можно было что то с ним сделать
например выделить или удалить

Answer 1

[Rise]

Matter.js example Events.

let { Engine, Render, Runner, Events, Composite} = Matter;
let { MouseConstraint, Mouse, Bodies, Query } = Matter;

let engine = Engine.create();

let render = Render.create({
    element: document.body,
    engine: engine,
    options: { width: 800, height: 600 }
});

let composite1 = Composite.add(engine.world, [
    Bodies.rectangle(400, 200, 80, 80),
    Bodies.rectangle(450, 50, 80, 80),
    Bodies.rectangle(400, 610, 810, 60, { isStatic: true })
]);

let mouse = Mouse.create(render.canvas);

let mouseConstraint = MouseConstraint.create(engine, {
    mouse: mouse,
    constraint: { stiffness: 0.2, render: { visible: false } }
});

let composite2 = Composite.add(engine.world, mouseConstraint);

render.mouse = mouse;

Events.on(mouseConstraint, 'mousedown', function(event) {

    let bodies = Query.point(composite1.bodies, event.mouse.position);

    if (bodies.length) Composite.remove(composite1, bodies);
});

Render.run(render);

let runner = Runner.create();

Runner.run(runner, engine);