My Way | wonderfl build flash online

※現在、「wonderfl build flash online」求人コンテンツ制作に関してのアンケートを実施中です！みなさまのお力添えを頂いて、続々とアンケート結果が集まっていますが、まだまだ募集しております。ご協力のほど、どうぞよろしくお願いいたします！

wonderfl運営事務局
→アンケートページ（※ログインしてからお答えいただけるようになっています。）

My Way

add to favorites

Ctrl

notice: Flash editor updated! Join the development! Thanks to MiniBuilder

forked from : miniapp's マウスで操作するSlitScan [diff(332)]

forked : 1
favorite : 15
lines : 252
license : see code comments
modified : 2010-02-09 11:07:40

embed

Twitterでつぶやく

/*
MY WAY
By: Ctrl
http://as3ctrl.blogspot.com/
The Sex Pistols Video Treatment
(Random Bitmap Displacements)
*/

/** 
 * forked from: マウスで操作するSlitScan
 * 解説
 * 
 * マウスドラッグすると、クリックした付近の時間を早送りしたり、
 * 巻き戻したりします。
 *
 * 上下の線に囲まれた部分が対象範囲です。
 * y方向にドラッグすると、適用範囲を広げられます。
 * 
 * x方向にドラッグすると、早送り or 巻き戻しの量を変化させます。
 * 右方向にドラッグで早送り、左方向で巻き戻しです。
 * 長くドラッグするほど、時間が早くなる or 遅れます。
 * 
 * ガイドの有無はチェックボックスで変えられます
 * 
 * 動画はこちらを使わせて頂きました
 */
package
{
	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 MyWay extends Sprite 
	{
		private static const PLAYER_WIDTH:int = 465;
		private static const PLAYER_HEIGHT:int = 465;
		private static const NUM_FRAMES:int = 500;
		private static const MAX_DELAY:int = NUM_FRAMES / 2 - 1;
		private static const PLAY_FRAME:int = NUM_FRAMES / 2;//通常再生させるフレーム番号
		
		private var playPause:String = "play";
		
		public function MyWay() 
		{
			rotationY = 180;
			x = 465;
			
			Wonderfl.capture_delay(19);
			
			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);
			
			loadVideo("http://envidearte.com/ctrl/wonderfl/video/myWay.flv");
			
			stage.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
			stage.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
			stage.addEventListener(MouseEvent.CLICK, clickIt);
		}
		
		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 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);
				
				mousePressed = true;
				
				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 = null):void {
					mousePressed = true;
					
					//AutoPlay
					pressX = (Math.floor(Math.random()*(1+465-10))+10);
					pressY = (Math.floor(Math.random()*(1+465-10))+10);
				}
				
				private function mouseUpHandler(e:MouseEvent):void {
					mousePressed = false;
					
					guideTf.visible = false;
					guideLayer.graphics.clear();
				}
				
				private function clickIt(e:MouseEvent):void 
				{
					if(playPause == "play")
					{
						netStream.pause();
						stage.removeEventListener(Event.ENTER_FRAME, enterFrameHandler);
						playPause = "stop";
					}
						
					else if(playPause == "stop")
					{
						netStream.resume();
						stage.addEventListener(Event.ENTER_FRAME, enterFrameHandler);
						playPause = "play";
					}
				}
				
				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 {
					mouseDownHandler();
					if(mousePressed){
						var delay:int = (300 - pressX);
						if (delay > MAX_DELAY) {
							delay = MAX_DELAY
						}
						else if (delay < -MAX_DELAY) {
							delay = -MAX_DELAY;
						}
						
						applyDist = 200 - 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;
			}
		}
	}

Ctrl [Bitmap] beautifl bitmap displacement effects random treatment video

jonas

chilli

nui

acidbaby

shevchenko

nki2

hacker_aft9cz2z

178ep3

alumican_net

succion :

severo fritoo

jjroox747 :

effects

a440hlz :

beautifl video

initt :

[Bitmap]

soundkitchen :

なんでか SAW を思い出した

clockmaker :

VHSノイズ風な感じ

stop isPlaying size play rotationY BetweenAS3.tween TextFormat width height text addChild String Sprite Number int

>sort

My Way forked from: My Way = forked from: マウスで操作するSlitScan [diff(1)]

hacker_afwax8y6

// forked from Ctrl's My Way = forked from: マウスで操作するSlitScan
/** forked from: マウスで操作する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 Main extends Sprite
{
private static const PLAYER_WIDTH:int = 465;
private static const PLAYER_HEIGHT:int = 465;
private static const NUM_FRAMES:int = 500;
private static const MAX_DELAY:int = NUM_FRAMES / 2 - 1;
private static const PLAY_FRAME:int = NUM_FRAMES / 2;//通常再生させるフレーム番号
public function Main()
{
rotationY = 180;
x = 465;
Wonderfl.capture_delay( 104 );
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://picocolon.com/THE SEX PISTOLS - MY WAY.flv");
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);
mousePressed = true;
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 = null):void {
mousePressed = true;
//AutoPlay
pressX = (Math.floor(Math.random()*(1+465-10))+10);
pressY = (Math.floor(Math.random()*(1+465-10))+10);
}
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 {
mouseDownHandler();
if(mousePressed){
var delay:int = (300 - pressX);
if (delay > MAX_DELAY) {
delay = MAX_DELAY
}
else if (delay < -MAX_DELAY) {
delay = -MAX_DELAY;
}
applyDist = 200 - 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;
}
}
}