画布中最平滑的后续动画

我想在以下条件下使坐标(coord1)跟随另一个坐标(coord2)尽可能平滑:

1. coord2能够移动。
2. coord1以最平滑的方式跟随coord2(弧形方式)。

我这里有一个例子,但它只成功于条件1和条件3,而不是条件2。在这个例子中,你可以用箭头键移动球。 Click here to go to the example

以下是我的代码:

Obstacle.prototype.follow = function () {
  this.y += this.vSpeed
  this.x += this.hSpeed

  if (this.x < ball.x - 9) {
    this.hSpeed = 1;
  }
  if (this.x > ball.x - 10) {
    this.hSpeed = -1;
  }
  if (this.y > ball.y - 10) {
    this.vSpeed = -1;
  }
  if (this.y < ball.y - 9) {
    this.vSpeed = 1;
  }
}

有人能解决这三个条件吗?