我的Javascript游戏的坐标-基于角度,我什么时候使用sincos和Tan?

我的Javascript游戏的坐标-基于角度,我什么时候使用sincos和Tan?,javascript,math,html,canvas,Javascript,Math,Html,Canvas,是正色、正色还是棕褐色? 我正在尝试学习一些基本的三角函数,以便在web浏览器中进行游戏开发。我知道soh cah toa规则等。我知道我们也在-1和1之间工作 我很困惑,我需要根据一个角度分别计算出x和y坐标 这是我必须计算出的,我的角度在x和y方向上的方向,这是可行的(多亏了Loktar) 我从中了解到的是,我正在根据一个小公式找到x和y的cos,将角度变量转换为弧度 但是,为什么cos必须用于x,sin必须用于y?谭是从哪里来的?这和圆的四个象限有关吗 当我只得到一个角度,并且我需要用x,

是正色、正色还是棕褐色? 我正在尝试学习一些基本的三角函数,以便在web浏览器中进行游戏开发。我知道soh cah toa规则等。我知道我们也在-1和1之间工作

我很困惑,我需要根据一个角度分别计算出x和y坐标

这是我必须计算出的,我的角度在x和y方向上的方向,这是可行的(多亏了Loktar)

我从中了解到的是,我正在根据一个小公式找到x和y的cos,将角度变量转换为弧度

但是,为什么cos必须用于x,sin必须用于y?谭是从哪里来的?这和圆的四个象限有关吗

当我只得到一个角度,并且我需要用x,y计算出这个角度在圆上的位置时,我怎么知道什么时候应该使用正弦波或棕褐色呢

任何简单的图表或解释都会非常有用

感谢基本定义(来自您的三角学书籍):

描述x、y和H的免费ASCII艺术:

         _
         /\  assume we're going this way 
        /
       /|
      / |
  h  /  |
    /   |  Y
   /    |
  /ϴ    |
 +-------
    X
一个向量可以分成两个向量的和。(你可以在图中认为,向东北方向移动H米等于向东移动X米,向北移动Y米)

在这种情况下,H对应于你当前的推力。你需要找到推力的X和Y分量

由于cosϴ=X/H(余弦的基本定义),我们可以说(通过简单代数)

然而,ϴ被假定为弧度度量。如果使用度,则必须乘以Math.PI/180才能获得正确的值。因此,你必须

ϴ = angle * Math.PI / 180
我们很接近!现在,我们对余弦公式的经典定义(当转换为我们的术语时)如下

cos (angle * Math.PI / 180) = X / H
H是推力矢量,X只是推力矢量的水平部分

“现在,等一下,”你说。“那我为什么要用余弦来计算垂直速度呢?你的轴似乎在我看来是翻转的。”啊,是的。这是标准的几何方向——角度是从
-->
直接向右逆时针旋转测量的。轴翻转是因为将角度存储为“时钟角度”,即0度为12:00。为了使用标准的几何方程,我们必须镜像我们的整个宇宙,使X轴和Y轴翻转。幸运的是,做这件事的数学方法是简单地在方程式中切换所有的X和Y

standard 'math' coordinate system
            _
             /\  
            /
           /|
          / |       angles increase counterclockwise
      h  /  |
        /   |  Y
       /    |
      /ϴ    |
     +----------- (zero degrees starts here)
  (0,0)  X       


your coordinate system

  (zero degrees starts here)
       ^
       |   angles increase clockwise
       |   /
       |  /
       |ϴ/
       |/
       +
最后,为什么余弦是负数?因为这是笛卡尔坐标系,我们在这里做数学运算

 ^ y-axis
 |
 |
 +----> x-axis
这是您正在绘制的笛卡尔坐标系(可能是画布)


因为y轴朝向另一个方向,所以将所有y值乘以负1以获得正确的方向

在我看来,您正在进行某种旋转(可能我错了;)。也许值得一读:我正在计算我的物体的角度和它必须经过的路径。那个维基页面看起来像是我正在做的事情,它只是充满了哈哈,我会尝试去理解它。这是一个很好的解释!我只是想了解一下第一个例子。我认为cos=x/h,因为这是相邻的/斜边?还有,第一张图在左边,底部的2张在右边,这有什么原因吗?如果将三角形移到第二张图中,效果会一样吗?这真的很有帮助。。。我已经做了一个我的理解的简单图表,这是正确的吗?你是对的,因为应该是x/h。在我迷惑任何人之前,让我先解决它:)带着成就感坐着。伟大的我喜欢这个东西。所以圆的任何一个象限都可以用来计算这些东西。我想我应该在学校多听点。再次感谢。好的,添加了修复程序,并提供了一个图表来解释为什么你的虚拟仪器是基于余弦而不是正弦的。你的图表准确地描述了正弦和余弦的定义,但正如你从我糟糕的ASCII艺术中看到的,你在游戏中使用的坐标系实际上与你的图表所在的坐标系不同。我认为你的ASCII图表是史诗般的。谢谢你的解释!
cos (angle * Math.PI / 180) = X / H
standard 'math' coordinate system
            _
             /\  
            /
           /|
          / |       angles increase counterclockwise
      h  /  |
        /   |  Y
       /    |
      /ϴ    |
     +----------- (zero degrees starts here)
  (0,0)  X       


your coordinate system

  (zero degrees starts here)
       ^
       |   angles increase clockwise
       |   /
       |  /
       |ϴ/
       |/
       +
 ^ y-axis
 |
 |
 +----> x-axis
+------> x-axis
|
|
v y-axis