画布在圆圈中移动对象

时间:2013-06-29 21:03:11

标签: javascript html5 canvas

我在画布上有一个矩形,我知道如何将它向上和向侧面移动。 我想做的是让它以圆周运动。

所以我的对象(矩形)x和y会围成一圈。

现在我假设我需要一个半径来计算速度(1像素)的距离以及它在轴上旋转的一些公式。

有什么想法吗?

1 个答案:

答案 0 :(得分:14)

圆圈运动的参数方程是这样的:

x=r*cos(theta)
y=r*sin(theta)

theta是角度,r是半径。

如果您想知道theta中的更改以获得所需的速度,求解距离d即可获得theta中的更改:arccos(1-(d/r)^2/2) < / p>

JavaScript函数是Math.cosMath.sinMath.acos。他们都处理弧度。