javascript - キャンバスはオブジェクトを円で移動します

Question

キャンバスに長方形があり、それを上下に移動する方法を知っています。私がやりたいのは、円運動で動かすことです。

したがって、私のオブジェクト(長方形) x と y は円になります。

ここで、軸上で回転させるには、どれだけ離れているかの半径と速度（1ピクセル）の式が必要であると想定しています。

何か案は？

Answer 1

円内を移動するためのパラメトリック方程式は次のとおりです。

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

thetaは角度、r半径です。

目的の速度を得るために の変化を知りたい場合は、変化が得られるtheta距離を解くと、次のようになります。dthetaarccos(1-(d/r)^2/2)

JavaScript 関数は、それぞれMath.cos、Math.sin、およびMath.acosです。それらはすべてラジアンを扱います。