円運動のアニメーション

三角関数を用いれば波形の他にも円運動のアニメーションが作れます。





このプログラムにおいて変数dは円運動の中心の座標を指定します。今回は縦軸横軸の座標の値は同じなので変数は一つにしています。
変数rは円運動の半径であり、変数aは角度となります。角度はラジアン表記に変換して用います。


実際に円運動を描写する座標である変数x,yですが次のように求めます。

x = r * Math.cos(rad) + d;
y = r * Math.sin(rad) + d;

座標(d,d)の位置を中心にd+rの位置から描写を始め、cos(rad),sin(rad)に応じて描写座標(x,y)が求まります。