javascript - 如何保证怪物不在圈内？

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;
}

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

Live example (用鼠标拖动玩家，怪物会追)