如何確保怪物不在圈內？

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

一種簡單的方法是以一定速度將怪物移向玩家，但強迫怪物的位置保持在圓圈之外。

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

不完全正確，因為得到的速度將取決於圓圈上玩家的弧度差異，但它看起來有點自然：

實例 （用鼠標拖動玩家，怪物會追逐）

Answer 2

使用下面的算法：

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;