Question

I am writing a simple game using Box2d-Jquery. By default the position of the DOM elements can be handled by clicking and dragging those corresponding elements. How can this mouse event be disabled so that the movement of the elements is not disturbed by any mouse clicks? Thanks in advance.

Answer 1

I’m afraid you could comment the method body

  updateMouseDrag = function() {
    /*var body, md;
    if (isMouseDown && (!mouseJoint)) {
      body = getBodyAtMouse();
      if (body) {
        md = new b2MouseJointDef();
        md.bodyA = world.GetGroundBody();
        md.bodyB = body;
        md.target.Set(mouseX, mouseY);
        md.collideConnected = true;
        md.maxForce = 300.0 * body.GetMass();
        mouseJoint = world.CreateJoint(md);
        body.SetAwake(true);
      }
    }
    if (mouseJoint) {
      if (isMouseDown) {
        return mouseJoint.SetTarget(new b2Vec2(mouseX, mouseY));
      } else {
        world.DestroyJoint(mouseJoint);
        return mouseJoint = null;
      }
    }*/
  };

this method will create mouse joint which is supported by box2d to handle mouse event on the bodies in the world.

Or just comment the invoke to updateMouseDrag() in method update(). update() is the game loop method.