Phaser Box2d-沿一个方向锁定拖动

Question

我正在使用Phaser的Box2d插件来构建游戏。 在游戏中，可以用鼠标拖动对象。 但是我想固定拖动方向，即对象只能水平或垂直移动。

我检查了官方示例和文档。 找不到符合目的的任何东西。

此示例显示了使用sprite.input.allowVerticalDrag = false的运动方向锁定，但不适用于Box2d的拖动。

我正在按照此示例启用拖动。 我曾尝试设置sprite.body.y像两个300一固定值mouseDragMove和update功能，因此，它并在移动y方向。 但是结果并不顺利。 它仍然朝那个方向晃动了一点。

我该怎么做呢？ 我是否缺少该插件的任何内置选项？

Answer 1

我能够找到解决方案。 我所做的是在传递给框架的mouseDragMove处理程序的mousePointer参数中重写特定轴上的精灵位置。

下面是它的工作原理 -

var isDragging = false,
activeSpriteX=0,
activeSpriteY=0;

function mouseDragStart(e) {
    isDragging = true;

    //get the clicked sprite
    var currentSprite = game.physics.box2d.getBodiesAtPoint(e.x, e.y);

    //save the position of clicked sprite
    if (currentSprite.length > 0) {
        activeSpriteX = game.input.mousePointer.x;
        activeSpriteY = game.input.mousePointer.y;
    }
    game.physics.box2d.mouseDragStart(game.input.mousePointer);
}

function mouseDragMove() {
    mousePointer = game.input.mousePointer;

    //if sprite is being dragged
    if (isDragging) {
        //HERE IS THE WHOLE TRICK - 
        //just override the vertical position of `mousePointer` to sprite's initial position, when it was clicked
        //To fix the sprite in horizontal direction, just override the `x`
        mousePointer.y = activeCarY;
    }

    game.physics.box2d.mouseDragMove(mousePointer);
}

function mouseDragEnd(e) {
    game.physics.box2d.mouseDragEnd();
    isDragging = false;
}

Answer 2

我们在制作的游戏中也遇到了类似的问题，尽管我们的游​​戏不使用物理原理，但我们制作的内容可能对您有用。 整个想法是在拖动对象时使用补间设置对象的位置（而不是直接设置其位置）-这样，您可以在执行补间以及输入是对象所在的位置时运行检查并手动设置约束不应该，您只是不执行补间到该位置。