Phaser - 如何检查精灵在其他两个精灵之间移动？

Question

我正在尝试检查一个精灵是否正在通过其他两个精灵之间的线。我试图检查精灵是否与 Phaser.Line 重叠：

this.lineGreenToRed = new Phaser.Line(this.ballGreen.x, this.ballGreen.y, this.ballRed.x, this.ballRed.y);

this.checkPassed = this.lineGreenToRed.pointOnLine(this.ballBlue.position.x, this.ballBlue.position.y);
if (this.checkPassed) {
    console.log('GreenToRed passed');
    //counter++;
};
console.log(this.checkPassed);

只要我的精灵不在/越线，查看控制台就会计算错误事件。有时将它移过界限会给我真实的事件，但并非总是如此。看起来帧变化太快而无法检测到。似乎也不可能对 Lines 进行重叠检查。

我也尝试过：

this.GreenToRedArray = this.lineGreenToRed.coordinatesOnLine();

在更新（）中：

this.GreenToRedArray.forEach(this.checkPoint, this);

然后：

checkPoint : function(element){
      if (this.ballBlue.position.x == element[0] && this.ballBlue.position.y == element[1]){
        console.log('GreenToRed passed');
        this.score++;
        console.log(this.score);
        this.scoreText.setText(this.score);
    }
},

只要我在这条线上移动得很慢，这就会起作用，但只要东西移动得快一点，它就不再捕捉它了。

关于如何检查一个精灵是否在其他两个精灵之间的线上移动的任何提示？

把它想象成两个球标志着一个目标，第三个球在这两个球之间射门。

非常感谢您的帮助。

Answer 1

我没有过多地使用Phaser.Lines，所以经过一些研究，并根据我在其他地方看到的情况，我可能会建议稍微改变一下。

一种选择是将球门线更改为Phaser.Sprite，然后检查overlap。

或者，您可以检查矩形交叉点，如 Overlap Without Physics 示例中所示。

function update() {
    if (checkOverlap(this.ballBlue, this.goal)) {
        console.log('overlapping');
    }
}
function checkOverlap(spriteA, spriteB) {
    var boundsA = spriteA.getBounds();
    var boundsB = spriteB.getBounds();

    return Phaser.Rectangle.intersects(boundsA, boundsB);
}

这可以进行调整，因此如果您不想使用 Sprite，可以使用 Phaser.Rectangle 而不是 Phaser.Line，相应地更改功能。

我想你也可以从球的前一个位置到当前位置再画一个Phaser.Line，然后检查一个交叉点。