给定一个以度为单位的角度，如何使用 x 和 y 找到行进线的逻辑？ （数学困境）

Question

我正在 HTML5 画布上制作一个简单的游戏，它涉及驾驶一辆小汽车。

向上箭头移动汽车，左右箭头控制汽车。

我已经对旋转进行了排序，但现在它需要在按住向上键时根据其所处的角度移动其 x 和 y 位置。

示例：

角度为0时，向上箭头只会影响y坐标。

角度为 45，向上箭头将以相同的速度影响 x 和 y 坐标。

如果角度是 32，我可以使用什么逻辑？

Answer 1

您可以尝试像这样的

   velY = Math.cos(angle * Math.PI / 180) * thrust;
   velX = Math.sin(angle * Math.PI / 180) * thrust;

    x += velX;
    y -= velY;

快速示例，角度只是在每个循环中增加。

http://jsfiddle.net/j5U5h/5/

角度 0 向上，就像您在最初的问题中一样。

这是修改后的 jsfiddle，因此 0 角使您向右移动。

http://jsfiddle.net/j5U5h/7/

 velX = Math.cos(angle * Math.PI / 180) * thrust;
 velY = Math.sin(angle * Math.PI / 180) * thrust;

 x += velX;
 y += velY;

要使 0 最初向右移动，只需更改为：

velX = -Math.cos(angle * Math.PI / 180) * thrust;

Answer 2

您真的是说 90 使两个轴均等地移动吗？在我看来，应该是 45，两个轴均等地移动。

如果 45 同等地移动两个轴：

xfactor = angle * (1/90)
yfactor = (90 - angle) * (1/90)

xpos = xpos + (xincrement * xfactor)
ypos = ypos + (yincrement * yfactor)

如果 90 同等地移动两个轴：

xfactor = (2 * angle) * (1/180)
yfactor = (180 - (2 * angle)) * (1/180)

xpos = xpos + (xincrement * xfactor)
ypos = ypos + (yincrement * yfactor)