9

看看这里的例子:http ://www.brianhare.com/physics/so.html

看看我使用这两个主要功能的 console.log:

    function distanceBetween2pts(x1, y1, x2, y2) {
        console.log("Particle: ("+x1+","+y1+") Mouse: ("+x2+","+y2+")");
        //  Pythagoras Theorem
        // PQ = sqrt( (x2-x1)^2 + (y2-y1)^2 )
        var x = (x2-x1);
        var y = (y2-y1);

        this.radius = Math.sqrt(x*x + y*y);
        this.x = x;
        this.y = y;
    }

    function polar2cartesian(R, theta) {
        this.x = R * Math.cos(theta);
        this.y= R * Math.sin(theta);
    }

当鼠标在粒子(中心圆)的上方和右侧时,例如: 在此处输入图像描述

控制台日志显示:

Particle: (300,250) Mouse: (326,223)
artan(-27 / 26) = angle: -46.08092418666069 - theta -0.8042638494191191

它应该是 arctan(27/26) = 角度:46:theta = 0.8。因为即使鼠标位于中心“上方”,它也会将 y2-y1 读取为 -27,因为坐标系统基于左上角的大约 0,0。

那么问题是当 X 和 Y 都为负时使 theta 为正时,它应该指向相反的方向(从中心点向外)。我知道我可以在这里做一个 180 度的把戏,但我想了解我做错了什么。

4

2 回答 2

13

在 Javascript 和许多语言中,有一个atan2函数来解决这个问题。它是一个接受 2 个参数(xy坐标)的函数,因此系统可以在结果中添加或减去π以产生正确的角度。而不是打电话

Math.atan(y/x)

你只是打电话给

Math.atan2(y, x)
于 2012-01-17T17:24:21.857 回答
2

不知道你想如何画线,但这些都可以解决你的问题。

 theta = Math.atan2(distance.y , distance.x);
 theta = Math.PI + Math.atan2(distance.y , distance.x);
于 2012-01-17T17:33:27.643 回答