逐渐旋转物体以面对某一点?

时间:2012-08-05 23:32:24

标签: javascript jquery canvas rotation

我正在制作一个javascript游戏,我希望敌舰能够朝着指定点旋转。然后可以从它们的角度计算它们的运动。仅当船舶位于其目标的下方和右侧时,以下旋转代码才有效。如果船在左边,它会旋转到~0度并在那里抖动。它在右上方逆时针旋转。 我到底做错了什么?有关更好方法的任何建议吗?

obj.angle %= 360;
// Calculate angle to target point
var targetAngle = Math.atan2(obj.mode.dest.y - obj.y, obj.mode.dest.x - obj.x) * (180 / Math.PI) + 90;
// Get the difference between the current angle and the target angle
var netAngle = Math.abs(obj.angle - targetAngle) % 360;
// Turn in the closest direction to the target
netAngle > 180 ? obj.angle += obj.shipType.turnSpeed : obj.angle -= obj.shipType.turnSpeed;
if(obj.angle < 0) obj.angle += 360;
if(obj.angle > 360) obj.angle -= 360;

我的问题与this one非常相似,后者更好地解释了它,但不幸的是在C#中。

编辑:以下是适合任何可能认为有用的人的工作代码:

obj.angle %= 360;
var targetAngle = Math.atan2(obj.mode.dest.y - obj.y, obj.mode.dest.x - obj.x) * (180 / Math.PI) + 90;
targetAngle = (targetAngle + 360) % 360;
if(obj.angle != targetAngle)
{
    var netAngle = (obj.angle - targetAngle + 360) % 360;
    var delta = Math.min(Math.abs(netAngle - 360), netAngle, obj.shipType.turnSpeed);
    var sign  = (netAngle - 180) >= 0 ? 1 : -1;
    obj.angle += sign * delta + 360;
    obj.angle %= 360;
}

1 个答案:

答案 0 :(得分:1)

对代码进行少许更改似乎有效:

http://jsfiddle.net/57hAk/11/