如何保证怪物不在圈内？

Question

我有草图 https://codepen.io/korolariya/pen/KXQaJK?editors=0011

 update(){
    if(!this.prey){    
      return;
    }
    let p = this.calcPointInCircle(this.prey.position,this.lake.position,this.lake.radius);
    this.goToPoint(p);
  }

怪物必须在不进入圆圈的情况下追击受害者。

现在它直线移动到圆上离渔夫最近的点。

Answer 1

使用以下算法：

1- 计算猎物和湖中心形成的线的角度，我们称这个角度为alpha :

由于 alpha 的正切等于 (yPrey - yLake) / (xPrey - xLake)，

var alpha = arctan((yPrey - yLake) / (xPrey - xLake));

2- 当 alpha 以弧度计算时，您可以计算直线与圆在坐标 x 和 y 的点相交的位置：

var x = lakeRadius * cos(alpha) + xLake;
var y = lakeRadius * sin(alpha) + yLake;

Answer 2

一个简单的方法就是让怪物以一定的速度向玩家移动，但强制怪物的位置保持在圆圈之外。

var currentDist = Math.sqrt(monsterX*monsterX+monsterY*monsterY);
var requiredDist = 50;
if (currentDist<requiredDist)
{
    var f = requiredDist/currentDist;
    monsterX *= f;
    monsterY *= f;
}

不完全正确，因为最终速度取决于圆圈上玩家的弧度差异，但它看起来有点自然：

Live example（用鼠标拖动玩家，怪物会追）

如何保证怪物不在圈内？

How to make sure that the monster is not in the circle?

javascript

math

game-physics

typescript