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);