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


説  明
マウスの回りにムービークリップを回転させ拡散するに従って透明にするには、回転させる画像を作成しムービークリップにします。このサンプルでは単純に回転/拡散させるムービークリップを複数作成しています。(スクリプトで生成することもできます)
回転させるムービークリップにスクリプトを記述します。スクリプトウィンドウでコンポジションの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;
this._alpha = 100 - r * 3;

 n + 0.1の値を変えれば回転する速さが変わります。r + 1の値を変えれば収束する速さが変わります。if (r > 30)は拡散の限界半径になります。透明度は半径の値を利用して指定しています。別途変数を用意して指定しても良いでしょう。

サンプル画面


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