クリックした位置で輪が広がり透明になるようにする


説  明
クリックした位置で輪が広がり、透明になるようにするには、クリック時(onMouseDown)のマウスの座標を取得して輪(ムービークリップ)の座標を設定します。輪が広がる処理は、あらかじめ円を描いておきムービークリップにします。
定期的に処理させるためEnterFrameイベントを使います。スクリプトウィンドウを開いてコンポジションを選択し、onEnterFrameを選択します。以下のスクリプトを入力します。

if (count < 80)
{
count = count + 4;
this._width = count;
this._height = count;
this._alpha -= 4;
}else{
this._visible = false;
}

 count + 2の値を変更すると輪の広がる速度が変化します。透明度は_alphaプロパティで指定します。countの変数はonLoadイベント発生時に初期化しておく必要があります。スクリプトウィンドウでonLoadイベントを選択し以下のスクリプトを記述します。

count = 0;

次にクリックされた時にマウス座標をムービークリップに設定する処理を行います。これはコンポジションのonMouseDownイベントを使い以下のようにスクリプトを記述します。

MC.count = 0;
MC._x = _root._xmouse;
MC._y = _root._ymouse;
MC._visible = true;
MC._alpha = 100;

 これでマウスでクリックした位置に輪が広がっていくようになります。

サンプル画面


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