2013-06-29 16 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関数はrespsectively、Math.cosMath.sin、およびMath.acosあります。彼らはすべてラジアンを扱う。

+0

数学ライブラリを追加する方法や接続方法についてjsFiddleを教えてもらえますか? –

+0

数学ライブラリはすでにブラウザで利用可能です。 – simonzack

+4

ここには数学を示すフィドルがあります:http://jsfiddle.net/m1erickson/Qnk5d/ – markE

関連する問題