如何正确调整玩家精灵速度？ （基本上是一道数学题？）

Question

背景：我有一个鸟瞰的JavaScript游戏，玩家通过触摸一个圆圈来控制一艘太空飞船——例如触摸圆圈中心的左侧，飞船将向左移动，触摸右上角，它将移动到顶部对等等……距离伪摇杆圆心越远，该方向的速度越快。但是，我不是直接调整船的速度，而是设置 targetSpeed.x 和 targetSpeed.y 值，然后船将使用以下内容调整其速度：

if (this.speed.x < this.targetSpeed.x) {
    this.speed.x += this.speedStep;
}
else if (this.speed.x > this.targetSpeed.x) {
    this.speed.x -= this.speedStep;
}

...对于 y 速度和 speedStep 也是如此是一个较小的值，使其更平滑并且不会太突然（船不应该从快速向左方向转到立即快速向右方向）。

我的问题：使用上面的代码，但是我相信速度在对角线方向上会调整得更快，而沿水平/垂直线会调整得更慢。我如何纠正这个问题以获得相同的目标速度？

非常感谢您的帮助！

Answer 1

var xdiff = targetSpeed.x - speed.x;
var ydiff = targetSpeed.y - speed.y;
var angle = Math.atan2(ydiff, xdiff);
speed.x += speedStep * Math.cos(angle);
speed.y += speedStep * Math.sin(angle);

Answer 2

假设您已经检查过触摸位于圆圈内部，并且圆圈的边缘代表最大速度，并且圆圈的中心是 circleTouch == [0, 0]

在某些 C++ 中 -就像伪代码：

Scalar circleRadius = ...;
Scalar maxSpeed = ...;
Scalar acceleration = ...;

Vector calculateTargetSpeed( Vector circleTouch ) {
    Vector targetSpeed = maxSpeed * circleTouch / circleRadius;

    return targetSpeed;
}

Vector calculateNewSpeed( Vector currentSpeed, Vector targetSpeed ) {
    Vector speedDiff = targetSpeed - currentSpeed;

    Vector newSpeed = currentSpeed + acceleration * normalized(speedDiff);

    return newSpeed;
}

// Divide v by its length to get normalized vector (length 1) with same x/y ratio
Vector normalized( Vector v ) {
    return v / length(v);
}

// Pythagoras for the length of v
Scalar length( Vector v ) {
    Scalar length = sqrt(v.x * v.x + v.y * v.y); // or preferably hypot(v.x, v.y)

    return length;
}

这只是我的想法，我还没有测试过。另一个答案很好，我只是想给出一个没有三角函数的答案。 :)