マウスの回りにムービークリップを回転させ収束させる


説  明
マウスの回りにムービークリップを回転させ収束させるには、回転させる画像を作成しムービークリップにします。このサンプルでは単純に回転/収束させるムービークリップを複数作成しています。(スクリプトで生成することもできます)
回転させるムービークリップにスクリプトを記述します。スクリプトウィンドウでコンポジションのonLoadイベントに対して以下のように入力します。

n = 0;
r = 20;

nがsin,cosに渡す値、rが回転半径になります。ムービークリップごとnの初期値を変えておくことでマウスの回りを分散して回転するようにできます。次に円運動させるためにonEnterFrameイベントに以下のスクリプトを記述します。

n = n + 0.1;
r = r - 1;
if (r < 0) r = 20;
this._x = _root._xmouse + Math.sin(n) * r;
this._y = _root._ymouse - Math.cos(n) * r;

 n + 0.1の値を変えれば回転する速さが変わります。r - 1の値を変えれば収束する速さが変わります。r = 20は収束後の半径になります。

サンプル画面


■サンプルスクリプトを実行する >>sample.html
■サンプルスクリプトをダウンロードする >>.zip