#4 forked from: #3 MouseRecord forked from: #2 Loop forked from: #1 LikeATimeLine WonderflBook
@author Takashi Murai(KAYAC)
/**
* Copyright Murai ( http://wonderfl.net/user/Murai )
* MIT License ( http://www.opensource.org/licenses/mit-license.php )
* Downloaded from: http://wonderfl.net/c/2sXn
*/
// forked from Murai's #3 MouseRecord forked from: #2 Loop forked from: #1 LikeATimeLine WonderflBook Interactive2
// forked from Murai's #2 Loop forked from: #1 LikeATimeLine WonderflBook Interactive2
// forked from Murai's #1 LikeATimeLine WonderflBook Interactive2
package {
import flash.display.Sprite;
import flash.events.Event;
import flash.events.MouseEvent;
import flash.filters.GlowFilter;
import flash.geom.Point;
/*
@author Takashi Murai(KAYAC)
*/
[SWF(width="465",height="465",backgroundColor="0x000000",frameRate="30")]
public class WonderflBook4 extends Sprite {
private var ball:Sprite;
private var timeGage:Sprite;
private var locus:Sprite;
private var startX:Number=0;//xのスタート位置
private var endX:Number=stage.stageWidth;//xのエンド位置
private var startY:Number=stage.stageHeight/2;//yのスタート位置
private var frameCount:uint=0;//再生ヘッド（フレーム数カウント用の変数）
private var frameCountLimit:uint=150;//コマ数（最終フレームの位置）
private var animationFrames:Array;//フレーム格納用の配列
public function WonderflBook4(){
init();
}
public function init():void{//初期化メソッド
animationFrames=generateAnimationFrames();//アニメーションフレームの生成
ball=new Sprite();//画面に表示されるball用Sprite
ball.graphics.lineStyle(1,0x00FFFF);
ball.graphics.beginFill(0x00FFFF,0.2);
ball.graphics.drawCircle(0,0,5);
ball.graphics.endFill();
ball.x=startX;
ball.y=startY;
timeGage=new Sprite();//画面下部のゲージ用Sprite
timeGage.graphics.beginFill(0xFFFFFF,0.5);
timeGage.graphics.drawRect(0,0,stage.stageWidth,3);
timeGage.graphics.endFill();
timeGage.x=-1;
timeGage.y=stage.stageHeight-3;
locus=new Sprite();//軌跡表示用Sprite
//ball.blendMode=BlendMode.ADD;
ball.filters=[new GlowFilter(0x00FFFF,1,16,16,2,2)];
addChild(locus);
addChild(timeGage);
addChild(ball);//ballをDisplayTreeへ登録
stage.addEventListener(MouseEvent.MOUSE_DOWN,startRec);
stage.addEventListener(MouseEvent.MOUSE_UP,stopRec);
updateLocus();//軌跡の初期化
start();//レンダリング開始
}
private function generateAnimationFrames():Array{//アニメーションフレームを生成するメソッド
var tmp:Array=new Array();//出力用の一時的な配列
var easeRatio:Number=0.1;//イージングの比率
var tmpX:Number=startX;
var tmpY:Number=startY;
for(var i:uint=0;i<frameCountLimit;i++){
tmpX+=(endX-tmpX)*easeRatio;
tmp.push(new Point(tmpX,tmpY));//各コマのx座標,y座標をコマ数だけ計算して配列に追加
}
return tmp;
}
private function render(e:Event):void{//レンダリング用のメソッド
//現在のフレーム数がframeCountLimit以内なら
if(frameCount < frameCountLimit){
//今のコマ数のx座標に追従
ball.x+=(animationFrames[frameCount].x-ball.x)/4;
//今のコマ数のy座標に追従
ball.y+=(animationFrames[frameCount].y-ball.y)/4;
}else{
//stop();//アニメーション終了
frameCount=0;
}
//画面下部のゲージを連動させる
timeGage.width=(frameCount/frameCountLimit)*stage.stageHeight;
frameCount++;//再生ヘッドを進める
}
public function start():void{addEventListener(Event.ENTER_FRAME,render);};//スタート用のメソッド。renderがENTER_FRAMEのタイミングで実行されるように設定
public function stop():void{removeEventListener(Event.ENTER_FRAME,render);};//ストップ用のメソッド。renderがENTER_FRAMEのタイミングで実行されるように設定されているのを解除
private function startRec(e:Event):void{addEventListener(Event.ENTER_FRAME,recMouse);};//記録スタート用のメソッド。
private function stopRec(e:Event):void{removeEventListener(Event.ENTER_FRAME,recMouse);};//記録ストップ用のメソッド。
private function recMouse(e:Event):void{//マウス記録中に呼び出されるメソッド
if(frameCount < frameCountLimit){//フレームが指定フレーム以内じゃないと動作させない
animationFrames[frameCount].x=mouseX;
animationFrames[frameCount].y=mouseY;
updateLocus();//軌跡を再描画
}
}
private function updateLocus():void{//フレーム毎に記録されている座標から軌跡を描画するメソッド
locus.graphics.clear();
locus.graphics.lineStyle(1,0xFFFFFF,0.2);
for(var i:uint=0;i<frameCountLimit;i++){
locus.graphics.drawCircle(animationFrames[i].x,animationFrames[i].y,2);
}
}
}
}