2013-06-29 65 views
7

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

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

现在我假设我需要一个半径多远和一些公式的速度(1像素),让它在轴上旋转。

任何想法的?

回答

13

为在一个圆圈移动的参数方程是:

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

theta是角度,并且r半径。

如果你想知道在theta的变化,以获得所需的速度,解决了距离d你在theta的变化是:arccos(1-(d/r)^2/2)

中的JavaScript功能Math.cosMath.sinMath.acos,respsectively 。他们都处理弧度。

+0

难道你或某人提供了一个关于如何添加数学库或它们如何连接的jsFiddle? –

+0

数学库已经在浏览器中可用。 – simonzack

+4

这里是一个小提琴显示数学:http://jsfiddle.net/m1erickson/Qnk5d/ – markE