円をランダムで描画していき、最初の円から徐々に透明になる

質問

現在AS3.0にてランダムで永遠と円を描きながらも、描画した円から順番に透明になっていくスクリプトを書いているのですが、以下のスクリプトですと全体が透明になっていき、最終的に何も残らなくなってしまいます。

常に透明度1の円を描画しつつも、先に描画した円から徐々に透明になっていくスクリプトにするにはどうすればよいのでしょうか？ご教授お願いできればと思います。

addEventListener(Event.ENTER_FRAME, rain);

import flash.display.Sprite;
import flash.display.MovieClip;
var mySprite:Sprite = new Sprite();
var myClip:Sprite = new Sprite();
addChild(myClip);

function rain(event:Event):void {
with(mySprite.graphics) {
var circle:int = Math.floor(Math.random()*100);
var stageX:int = Math.floor(Math.random()*stage.stageWidth);
var stageY:int = Math.floor(Math.random()*stage.stageHeight);
beginFill(0x000000);
drawCircle(stageX, stageY , circle);
endFill;
myClip.addChild(mySprite);

var diff:Number = 0.01;
myClip.alpha -= diff;
}
}

回答No.1

cspl · ベストアンサー

以下のスクリプトで動作するはずです。
「円を作る」作業と「円のアルファ値を下げる」作業を
分けて考えることがポイントです。
参考にしてみてください。
_____________________________________________________
import flash.display.Sprite;

var myClip:Sprite = new Sprite();

addChild(myClip);
addEventListener(Event.ENTER_FRAME, createCircle);

function createCircle(event:Event):void
{
var radius:int = Math.floor(Math.random()*100);
var stageX:int = Math.floor(Math.random()*stage.stageWidth);
var stageY:int = Math.floor(Math.random()*stage.stageHeight);
var mySprite:Sprite = new Sprite();
mySprite.graphics.beginFill(0x000000);
mySprite.graphics.drawCircle(stageX, stageY , radius);
mySprite.graphics.endFill();
myClip.addChild(mySprite);
mySprite.addEventListener(Event.ENTER_FRAME, clearCircle);
}

function clearCircle(event:Event):void
{
var circle = event.currentTarget;
circle.alpha -= 0.01;
if (circle.alpha <= 0)
{
// アルファが0以下になった円は動作を止めて消す。
circle.removeEventListener(Event.ENTER_FRAME, clearCircle);
myClip.removeChild(circle);
}
}
_____________________________________________________

お礼

csplさんお返事遅くなり誠に申し訳ございません。
おっしゃる通り、分けてスクリプトを書くことでとても分かりやすく
理解することが出来、うまく行きました。
本当に有難うございました。