如何以最短的方式将角度变量移向目标角度

Question

我的游戏单元有一个angle变量和一个targetAngle变量。 这些变量的范围是1到360度。

角度变量应始终移向targetAngle变量。

问题是，它不会以最短的方式发生。 当targetAngle为350度且当前角度仅为10度时，变量应仅移动20度，而不是像我现在那样增加340度。

如何使角度变量以最短的方式向targetAngle变量移动？

现场演示： http ： //jsfiddle.net/zNsbc/

var angle = 10;
var targetAngle = 350;

setInterval(function() {

    if ( angle > targetAngle ) {
        angle--;
    }
    else if ( angle < targetAngle ) {
        angle++;
    }    

    $("#angle").text(angle);

}, 10);

Answer 1

您应该意识到360与0相同，因此您可以将角度与targetAngle以及targetAngle + 360进行比较，并将其移至最接近的方向（对于接近0的角度和targetAngle的接近角度，也请考虑-360 360）

所以你的例子：

angle:            10
targetAngle:      350 (diff 340)
targetAngle+360:  710 (diff 700)
targetAngle-360: - 10 (diff  20)

角度最接近targetAngle-360，因此您可以减少它，而不是增加它

注意 ：确保取绝对值作为差值