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


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

n = 0;
r = 0;

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

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

 n + 0.1の値を変えれば回転する速さが変わります。r + 1の値を変えれば収束する速さが変わります。if (r > 30)は拡散の限界半径になります。

サンプル画面


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