円周上を動くマウスを追従する図形

Question

前提・実現したいこと

Processingである点を中心にマウスに追従しながら円を描く図形を描きたいのですが、どうすれば良いでしょうか。
例えば、円周circle(100, 100, 50)上しか動かない、circle(x, y, 10)みたいな感じです。わかりにくくてすみません。

追記：ある点から見て、マウスのある座標と図形の座標が一直線上にある感じです。

試したこと

(x,y)=(cos(mouseX),sin(mouseX))みたいなこともやってみましたが、もっと思った通りに動かしたいです。

Comments

[thkana]

マウス位置と図形の関係ってどうなっていることを期待されるのでしょうか?

[haidguhsg]

ある点から見て、マウスのある座標と図形の座標が一直線上にある感じです。わかりづらくてすみません。

Answer 1

軌道となる円の中心をx0,y0として、

x0,y0から見たマウス位置(mouseX,mouseY)の方角をthとすると、これはatan2(mouseX-x0,mosueY-y0)で求まります(Y軸正方向が0)。

つまり、x0,y0にtranslate()関数で原点を移動し、
rotate()で-thだけ座標を回すと、マウス座標は必ずy軸上非負の点に乗っかるわけです。

であれば、移動/回転した座標上で0,Yを中心に円を描いてやれば、その円はx0,y0から見てmouseX,mouseYを含む直線上に乗っているで、その円の中心は常にx0,y0からYの距離にあるはずつまり円軌道上、でしょう。

Comments

[haidguhsg]

ありがとうございます。解決しました。