forked from: マウスで操作するSlitScan

解説
* http://miniapp.org/blog/2010/01/15/176/
*
* マウスドラッグすると、クリックした付近の時間を早送りしたり、
* 巻き戻したりします。
*
* 上下の線に囲まれた部分が対象範囲です。
* y方向にドラッグすると、適用範囲を広げられます。
* 
* x方向にドラッグすると、早送り or 巻き戻しの量を変化させます。
* 右方向にドラッグで早送り、左方向で巻き戻しです。
* 長くドラッグするほど、時間が早くなる or 遅れます。
* 
* ガイドの有無はチェックボックスで変えられます
* 
* 動画はこちらを使わせて頂きました。
* YouTube - ムーンウォークからの、、、スライド
* http://www.youtube.com/watch?v=fWMBIncDQtA

by elecgon 28 Jan 2010

Embed

// forked from miniapp's マウスで操作するSlitScan
/**
 * 解説
 * http://miniapp.org/blog/2010/01/15/176/
 *
 * マウスドラッグすると、クリックした付近の時間を早送りしたり、
 * 巻き戻したりします。
 *
 * 上下の線に囲まれた部分が対象範囲です。
 * y方向にドラッグすると、適用範囲を広げられます。
 * 
 * x方向にドラッグすると、早送り or 巻き戻しの量を変化させます。
 * 右方向にドラッグで早送り、左方向で巻き戻しです。
 * 長くドラッグするほど、時間が早くなる or 遅れます。
 * 
 * ガイドの有無はチェックボックスで変えられます
 * 
 * 動画はこちらを使わせて頂きました。
 * YouTube - ムーンウォークからの、、、スライド
 * http://www.youtube.com/watch?v=fWMBIncDQtA
 */

package {
	import com.bit101.components.CheckBox;
	import flash.display.Bitmap;
	import flash.display.BitmapData;
    import flash.display.Loader;
    import flash.display.Sprite;
    import flash.events.Event;
	import flash.events.MouseEvent;
	import flash.events.NetStatusEvent;
	import flash.geom.Point;
	import flash.geom.Rectangle;
	import flash.media.SoundMixer;
	import flash.media.SoundTransform;
	import flash.media.Video;
	import flash.net.NetConnection;
	import flash.net.NetStream;
	import flash.net.NetStreamInfo;
    import flash.net.URLRequest;
	import flash.text.TextField;
	import flash.text.TextFieldAutoSize;
	import flash.text.TextFormat;
	
    [SWF(backgroundColor=0x0, width=465, height=465, frameRate=60)]
    public class SlitScan3 extends Sprite {
        private static const PLAYER_WIDTH:int = 465;
        private static const PLAYER_HEIGHT:int = 348;
		private static const NUM_FRAMES:int = 400;
		private static const MAX_DELAY:int = NUM_FRAMES / 2 - 1;
		private static const PLAY_FRAME:int = NUM_FRAMES / 2;//通常再生させるフレーム番号
		
        public function SlitScan3() {
            Wonderfl.capture_delay( 32 );
            
			for (var i:int = 0; i < NUM_FRAMES; ++i) {
				frames[i] = new BitmapData(PLAYER_WIDTH, PLAYER_HEIGHT, false, 0x0);
			}
			
			for (var yy:int = 0; yy < PLAYER_HEIGHT; ++yy) {
				var line:Line = new Line();
				lines[yy] = line;
			}
			
			loadInfoTf = new TextField();
			var fmt:TextFormat = new TextFormat();
            fmt.size = 16;
			loadInfoTf.defaultTextFormat = fmt;
			loadInfoTf.text = 'start';
			loadInfoTf.textColor = 0xFFFFFF;
			loadInfoTf.autoSize = TextFieldAutoSize.CENTER;
			loadInfoTf.selectable = false;
			loadInfoTf.x = 0;
			loadInfoTf.y = stage.stageHeight - loadInfoTf.height - 10;
			loadInfoTf.width = stage.stageWidth;
			addChild(loadInfoTf);
			
			displayData = new BitmapData(PLAYER_WIDTH, PLAYER_HEIGHT, false, 0x0)
			display = new Bitmap(displayData);
			guideLayer = new Sprite();
			display.x = guideLayer.x = (stage.stageWidth - display.width) / 2;
			display.y = guideLayer.y = (stage.stageHeight - display.height) / 2;
			addChild(display);
            
			guideTf = new TextField();
            fmt.size = 14;
			guideTf.textColor = 0xffffff;
			guideTf.backgroundColor = 0x0;
            guideTf.autoSize = TextFieldAutoSize.LEFT;
            guideTf.selectable = false;
			guideTf.defaultTextFormat = fmt;
			guideLayer.addChild(guideTf);
			addChild(guideLayer);
			
			drawGuideCheck = new CheckBox(this, 10, stage.stageHeight - 20, "guide", checkClickHandler);
			drawGuideCheck.selected = true;
			
			loadVideo("http://miniapp.org/wonderfl/flv/moonwalk.mp4");
			
			//音はOFFにしておく。
			var s:SoundTransform = SoundMixer.soundTransform;
			s.volume=0;
			SoundMixer.soundTransform = s;
			
			stage.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
			stage.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
        }
		
		private var index:int = 0;
		private var applyDist:Number;
		
		private var destPoint:Point = new Point();
		private var sourceRect:Rectangle = new Rectangle(0, 0, PLAYER_WIDTH, 1);
		
		private var pressX:Number;
		private var pressY:Number;
		private var mousePressed:Boolean = false;
		
		private var frames:Vector.<BitmapData> = new Vector.<BitmapData>(NUM_FRAMES, true);
		private var lines:Vector.<Line> = new Vector.<Line>(PLAYER_HEIGHT, true);
		
		private var loadInfoTf:TextField;
		
		private var drawGuideCheck:CheckBox;
		private var guideTf:TextField;
		private var showGuide:Boolean = true;
		
		private var display:Bitmap;
		private var displayData:BitmapData;
		private var guideLayer:Sprite;
        private var videoLayer:Sprite;
		private var netStream:NetStream;//ローカル変数にすると、drawする時にセキュリティエラーが出る
		
		private function checkClickHandler(event:MouseEvent):void {
			showGuide = event.currentTarget.selected;
		}
		
		private function loadVideo(url:String):void{
			var netConnection:NetConnection = new NetConnection();
			netConnection.connect(null);
			
			netStream = new NetStream(netConnection);
			netStream.client = {
				onMetaData:function(args:*):void
				{
				}
			};
            netStream.checkPolicyFile = true;
			netStream.play(url);
			
			videoLayer = new Sprite();
			var video:Video = new Video();
			video.width  = PLAYER_WIDTH;
			video.height = PLAYER_HEIGHT;
			video.attachNetStream(netStream);
			videoLayer.addChild(video);
			//addChild(videoLayer);
			
			addEventListener(Event.ENTER_FRAME, function(event:Event):void {
				var per:Number = Math.ceil(netStream.bytesLoaded * 100 / netStream.bytesTotal);
				if (per >= 100) {
					loadInfoTf.text = "now initializing. please wait.";
					if (index >= PLAY_FRAME) {
						removeChild(loadInfoTf);
						removeEventListener(Event.ENTER_FRAME, arguments.callee);
					}
				}
				else {
					loadInfoTf.text = "loading " + String(per) + "%" + "loaded";
				}
			});
			
			
			netStream.addEventListener (NetStatusEvent.NET_STATUS , function(event:NetStatusEvent):void {
				switch(event.info.code) {					
					case "NetStream.Play.Start":
						stage.addEventListener(Event.ENTER_FRAME, enterFrameHandler);
					break;
					case "NetStream.Play.Stop":
						//終わったら最初から開始
						netStream.seek(0);
					break;
				}
			});
		}
		
		
		private function mouseDownHandler(e:MouseEvent):void {
			mousePressed = true;
			
			pressX = display.mouseX;
			pressY = display.mouseY;
		}
		
		private function mouseUpHandler(e:MouseEvent):void {
			mousePressed = false;
			
			guideTf.visible = false;
			guideLayer.graphics.clear();
		}
		
		private function drawGuide(delay:Number):void {
			guideLayer.graphics.clear();
			guideLayer.graphics.lineStyle(1, 0xFFFFFF, 0.5);
			
			var up:Number = pressY + applyDist;
			guideLayer.graphics.moveTo(0, up);
			guideLayer.graphics.lineTo(PLAYER_WIDTH, up);
			
			var bottom:Number = pressY - applyDist;
			guideLayer.graphics.moveTo(0, bottom);
			guideLayer.graphics.lineTo(PLAYER_WIDTH, bottom);
			
			guideLayer.graphics.moveTo(pressX, pressY);
			guideLayer.graphics.lineTo(guideLayer.mouseX, guideLayer.mouseY);
			
			guideTf.visible = true;
			guideTf.x = guideLayer.mouseX;
			guideTf.y = guideLayer.mouseY - guideTf.textHeight;
			var str:String = '';
			if (delay > 0) {
				str = '+';
			}
			
			guideTf.text = str + String(delay) + "frame";
		}
		
        private function enterFrameHandler(event:Event):void {
			if(mousePressed){
				var delay:int = (display.mouseX - pressX);
				if (delay > MAX_DELAY) {
					delay = MAX_DELAY
				}
				else if (delay < -MAX_DELAY) {
					delay = -MAX_DELAY;
				}
				
				applyDist = display.mouseY - pressY;
				if (applyDist < 0) applyDist *= -1;
				
				if(showGuide)
					drawGuide(delay);
			}
			
			update(applyDist, delay);
			
			++index;
			index %= NUM_FRAMES;
        }
		
		private function update(applyDist:int, delay:int = 0):void {
			frames[index].draw(videoLayer);
			
			for (var yy:int = 0; yy < PLAYER_HEIGHT; ++yy) {
				var line:Line = lines[yy];
				sourceRect.y = yy;
				destPoint.y = yy;
				
				if (mousePressed) {
					var dist:Number = pressY - yy;
					if (dist < 0) dist *= -1;
					
					if(dist <= applyDist){
						var per:Number = dist / applyDist;
						line.changeDelayDirect(delay * (1 - per));
					}
					else {
						line.changeDelay(0);
					}
				}
				else {
					line.changeDelay(0);
				}
				
				var targetFrame:int = (index + PLAY_FRAME + line.delay) % NUM_FRAMES;
				if (targetFrame < 0) {
					targetFrame = NUM_FRAMES + targetFrame;
				}
				
				displayData.copyPixels(frames[targetFrame], sourceRect, destPoint);
			}
		}
    }
}

import org.libspark.betweenas3.BetweenAS3;
import org.libspark.betweenas3.tweens.ITween;
import org.libspark.betweenas3.easing.Linear;
import org.libspark.betweenas3.easing.Bounce;
import org.libspark.betweenas3.easing.Elastic;
class Line { 
	
	public var delay:int = 0;
	private var t:ITween;
	private var prev:int = 0;
	
	public function changeDelayDirect(value:int):void {
		if(t && t.isPlaying) t.stop();
		delay = value;
		prev = value;
	}
	
	public function changeDelay(value:int):void {
		if (prev != value) {
			if(t && t.isPlaying) t.stop();
			//t = BetweenAS3.tween(this, { delay: value }, null, 1.5, Bounce.easeOut);
			t = BetweenAS3.tween(this, { delay: value }, null, 3, Elastic.easeOut);
			//t = BetweenAS3.tween(this, { delay: value }, null, 0.5, Linear.easeNone);
			t.play();
			prev = value;
		}
	}
}