今回からは2回に渡って,
Timerクラスでアニメーション
Flashにはアニメーションに便利なTimerクラスが用意されています。Timerクラスを利用すると,
前回のサンプルをベースに,
package {
import flash.display.Sprite;
import flash.events.MouseEvent;
import flash.events.Event;
import flash.utils.Timer;
public class Anime1 extends Sprite {
public function Anime1():void {
// クリックイベントを監視する
stage.addEventListener("click", clickHandler);
}
private function clickHandler(event:MouseEvent):void {
// 円を作成
var s:Sprite = new Sprite();
s.graphics.beginFill(Math.random() * 0x1000000);
s.graphics.drawCircle(0, 0, 10);
s.graphics.endFill();
addChild(s);
// 円をクリックされた位置に移動
s.x = event.stageX;
s.y = event.stageY;
// タイマー開始
var timer:Timer = new Timer(50, 20);
timer.start();
timer.addEventListener("timer", function(event:Event):void {
var ratio:Number = timer.currentCount / timer.repeatCount;
s.alpha = 1 - ratio;
});
timer.addEventListener("timerComplete", function(event:Event):void {
removeChild(s);
});
}
}
}
Anime1.
mxmlc Anime1.as
Flashの完成です。クリックすると円が表示され,
それでは,
タイマーの作成
まずは,
var timer:Timer = new Timer(50, 20);
Timerオブジェクトを作成して,
Timer(タイマー実行の間隔:Number, 回数:int = 0)
今回は50ミリ秒間隔で20回呼び出されるタイマーを作成しています。50ミリ秒×20回=1秒ですので,
次に,
timer.start();