Pixel Bender (トーンフィルタ)

-------------------------------------------------
トーンフィルタ
明度をＸ段階に丸め、
用意したＸ段階のトーンテクスチャを明度に応じてタイリング描画します。
-------------------------------------------------

Hakuhin

forked:0
favorite:9
lines:323
license : MIT License
modified : 2010-01-10 21:12:04

Embed: Tweet

// -------------------------------------------------
//
// トーンフィルタ
// 
// 明度をＸ段階に丸め、
// 用意したＸ段階のトーンテクスチャを明度に応じてタイリング描画します。
//
// -------------------------------------------------
package {
	import flash.events.*;
	import flash.display.*;
	import flash.net.*;
	import flash.text.*;
	import flash.utils.*;
	import flash.system.*;
	import flash.geom.*;
	import flash.filters.*;
	import flash.ui.*;
	import flash.media.*;

public class Main extends Sprite {
        public function Main() {

// -------------------------------------------------
// コンストラクタ
// -------------------------------------------------

// フレームレート
stage.frameRate = 60;

// 100%表示
stage.scaleMode = StageScaleMode.NO_SCALE;

// 左上
stage.align = StageAlign.TOP_LEFT;
stage.align = "TL";

// スプライトを作成
var sprite:Sprite = new Sprite();
addChild(sprite);

// 画像のURL
var graphic_url:Array = [
	"http://assets.wonderfl.net/images/related_images/f/f6/f672/f6722295b5bb22b829c936e0b8e72dfdf6d62e55",
];

// リソース読み込み開始
load(load_complete_func,graphic_url);

// 読み込み終了
function load_complete_func():void{
	// 初期化へ
	init();
}

// リソースを格納する入れ物
var bitmap_container : Array = new Array();

// -------------------------------------------------
// 読み込み
// -------------------------------------------------
function load(complete_func:Function,url_array:Array):void{

// URLを取り出す
	var url : String = url_array.shift();

// URLが無くなればコールバック関数を呼び出して終了
	if(!url){
		// 読み込み終了
		complete_func();
		return;
	}

// ローダー
	var loader_obj : Loader = new Loader();

// 読み込み開始
	loader_obj.load(new URLRequest(url));

// 読み込み終了
	var info : LoaderInfo = loader_obj.contentLoaderInfo;
	info.addEventListener (Event.INIT,LoaderInfoInitFunc);
	function LoaderInfoInitFunc (event : Event):void {

// メモリからインスタンス化
		var loader_memory : Loader = new Loader();
		loader_memory.contentLoaderInfo.addEventListener (Event.COMPLETE,LoaderInfoCompleteFunc);
		function LoaderInfoCompleteFunc (event : Event):void {

// キャプチャ
			var bmp : BitmapData = new BitmapData(loader_memory.width,loader_memory.height,true,0);
			stage.addChild(loader_memory);
			bmp.draw(stage);
			stage.removeChild(loader_memory);
	
			// コンテナに格納
			bitmap_container.push(bmp);
  
			// 再帰読み込み
			load(complete_func,url_array);
		}
		
		// 読み込み開始
		loader_memory.loadBytes(loader_obj.contentLoaderInfo.bytes);
	}
}

// -------------------------------------------------
// 初期化
// -------------------------------------------------
function init():void{

// 動画のURL
	var movie_url:String = "http://actionscript.web.officelive.com/wonderfl/movie000.mp4";

// ステージサイズ
	var w:uint;
	var h:uint;

// ビデオを配置
	var video_obj : Video = new Video();
	addChild(video_obj);

// ストリーム
	var connection:NetConnection = new NetConnection();
	connection.connect(null);	
	var netStream:NetStream = new NetStream(connection);

// サウンドをOFF
	var trans : SoundTransform = netStream.soundTransform;
	trans.volume = 0.0;
	netStream.soundTransform = trans;

// ビデオとストリームを関連付け
	video_obj.attachNetStream(netStream);

// メタデータ取得
	var obj:Object = new Object();
	obj.onMetaData = function(param:Object):void{
	}
	netStream.client = obj;

// ムービーの読み込み開始
	load_movie(movie_url);

// リザルト作成
	var result : Sprite = new Sprite();
	addChild(result);
	result.x = 0;

// ボタン作成
	var button:Button = new Button(stage);
	button.y = 30;
	button.setSize(60,20);
	button.setLabel("開く");
	result.addChild(button);

// ボタンが押された
	button.addEventListener(MouseEvent.CLICK,function(e:MouseEvent):void{
		load_movie(text.text);
	});
	
	function load_movie(url:String):void{

// 再生開始
		netStream.play(url);
	}

// テキストフィールド作成
	var ft_result:TextField = new TextField();
	ft_result.x = 10;
	ft_result.y = 10;
	ft_result.width = 300;
	ft_result.height = 20;
	ft_result.selectable = false;

// 書式
	var format_result:TextFormat = new TextFormat();
	format_result.font = "ＭＳ ゴシック";	// フォント名
	ft_result.defaultTextFormat = format_result;

// テキスト表示
	result.addChild(ft_result);

// 読み込み状況
	addEventListener (Event.ENTER_FRAME,EnterFrameFunc);
	function EnterFrameFunc (event : Event) :void{
		ft_result.text = "読込:" + netStream.bytesLoaded + " / 全体:" + netStream.bytesTotal;
	}

// テキストフィールド作成
	var text:TextField = new TextField();
	text.x = 10;
	text.y = 30;
	text.height = 20;
	text.type = TextFieldType.INPUT;
	text.border = true;

// 書式
	var format:TextFormat = new TextFormat();
	format.font = "ＭＳ ゴシック";	// フォント名
	text.defaultTextFormat = format;

// テキスト表示
	text.text = movie_url;
	result.addChild(text);
	
	// リサイズ時にフィット
	stage.addEventListener(Event.RESIZE,ResizeFunc);
	function ResizeFunc(e:Event):void{
		w = stage.stageWidth;
		h = stage.stageHeight;
		video_obj.width = w;
		video_obj.height = h - 60;
		result.y = h - 60;
	
		// テキストフィールド位置
		text.width = w - 10 - 10 - button.width - 10;
	
		// ボタン位置
		button.x = w - button.width - 10;
	}
	ResizeFunc(null);

// シェーダバイトコード
	var binary : ByteArray = CustomFilterGetByteArray();
	
	// シェーダ作成
	var shader:Shader = new Shader();
	shader.byteCode = binary;
	var filter:ShaderFilter = new ShaderFilter(shader);

// パラメータアクセス用
	var data : ShaderData  = shader.data;
	var param : ShaderParameter;
	var input : ShaderInput;

// パラメータ
	var width:Number = 64;		// トーンの幅
	var height:Number = 64;		// トーンの高さ
	var bits_per_pixel:Number = 8;	// 色深度
	
	addEventListener(Event.ENTER_FRAME,function(e:Event):void{

// トーン画像ソース
		input = data.tone;
		input.input = bitmap_container[0];
		
		// トーンの幅
		param = data.width;
		param.value = [width];
		
		// トーンの高さ
		param = data.height;
		param.value = [height];
		
		// 色深度
		param = data.bits_per_pixel;
		param.value = [bits_per_pixel];
		
		//  テクスチャ位置
//		param = data.position;
//		param.value = [mouseX , mouseY];
		
		// 適応
		video_obj.filters = [filter];
	});
}

// -------------------------------------------------
// Youtube から 動画URL取り出し
// -------------------------------------------------
function YoutubeGetURLMovie(url:String,func:Function):void{

var url_loader : URLLoader = new URLLoader();
	
	// 読み込み完了時に呼び出されるイベント
	url_loader.addEventListener (Event.COMPLETE,function (event : Event):void{
		var str : String = url_loader.data;
	
		// URLデコード
		str = unescape(str);
		
		// 文字位置
		var head : uint = str.search("\"fmt_url_map\"");
		head += 13;
	
		// 総文字数
		var length : uint = str.length;
		
		var code:String;
	
		// | まで進める
		while(true){
			if(length <= head){
				func(null);
				return;
			}
			code = str.charAt(head);
			head ++;
			if(code == '|')		break;
		}
		
		// URL開始
		var begin : uint = head;
		
		// 終了まで進める
		while(true){
			if(length <= head){
				func(null);
				return;
			}
			head ++;
			code = str.charAt(head);
			if(code == ',')		break;
			if(code == '\'')	break;
			if(code == '\"')	break;
		}	
		
		// URL取り出し
		func(str.slice(begin,head));
	});
	
	// HTMLをテキストとして読み込み
	url_loader.load(new URLRequest(url));
}

// -------------------------------------------------
// シェーダバイトコード
// -------------------------------------------------
function CustomFilterGetByteArray():ByteArray{

var a:ByteArray = new ByteArray();
	var f:Function;

f = a.writeUnsignedInt;
	f(0xa5010000); f(0x00a40a00); f(0x546f6e65); f(0x46696c74); 
	f(0x6572a00c); f(0x6e616d65); f(0x73706163); f(0x6500746f); 
	f(0x6e6500a0); f(0x0c76656e); f(0x646f7200); f(0x48616b75); 
	f(0x68696e00); f(0xa0087665); f(0x7273696f); f(0x6e000100); 
	f(0xa00c6465); f(0x73637269); f(0x7074696f); f(0x6e008367); 
	f(0x815b8393); f(0x83748342); f(0x838b835e); f(0x00a10102); 
	f(0x00000c5f); f(0x4f757443); f(0x6f6f7264); f(0x00a30004); 
	f(0x73726300); f(0xa3010474); f(0x6f6e6500); f(0xa1020401); 
	f(0x000f6473); f(0x7400a101); f(0x01000002); f(0x77696474); 
	f(0x6800a201); f(0x6d696e56); f(0x616c7565); f(0x003f8000); 
	f(0x00a20164); f(0x65666175); f(0x6c745661); f(0x6c756500); 
	f(0x42800000); f(0xa2016d61); f(0x7856616c); f(0x75650043); 
	f(0x800000a2); f(0x0c646573); f(0x63726970); f(0x74696f6e); 
	f(0x00836781); f(0x5b839382); f(0xcc959d00); f(0xa1010100); 
	f(0x00016865); f(0x69676874); f(0x00a2016d); f(0x696e5661); 
	f(0x6c756500); f(0x3f800000); f(0xa2016465); f(0x6661756c); 
	f(0x7456616c); f(0x75650042); f(0x800000a2); f(0x016d6178); 
	f(0x56616c75); f(0x65004380); f(0x0000a20c); f(0x64657363); 
	f(0x72697074); f(0x696f6e00); f(0x8367815b); f(0x839382cc); 
	f(0x8d8282b3); f(0x00a10101); f(0x02000862); f(0x6974735f); 
	f(0x7065725f); f(0x70697865); f(0x6c00a201); f(0x6d696e56); 
	f(0x616c7565); f(0x003f8000); f(0x00a2016d); f(0x61785661); 
	f(0x6c756500); f(0x43800000); f(0xa2016465); f(0x6661756c); 
	f(0x7456616c); f(0x75650041); f(0x000000a2); f(0x0c646573); 
	f(0x63726970); f(0x74696f6e); f(0x00904690); f(0x5b937881); 
	f(0x69836781); f(0x5b839382); f(0xcc909481); f(0x6a00a101); 
	f(0x02020006); f(0x706f7369); f(0x74696f6e); f(0x00a20264); 
	f(0x65666175); f(0x6c745661); f(0x6c756500); f(0x00000000); 
	f(0x00000000); f(0xa20c6465); f(0x73637269); f(0x7074696f); 
	f(0x6e008365); f(0x834e8358); f(0x83608383); f(0x82cc8dc0); 
	f(0x9557001d); f(0x0300c100); f(0x00100030); f(0x0400f103); 
	f(0x0010001d); f(0x0500f304); f(0x001b0032); f(0x02001000); 
	f(0x0000001d); f(0x03002005); f(0x00000001); f(0x03002005); 
	f(0x0040001d); f(0x03001003); f(0x00800001); f(0x03001005); 
	f(0x00800032); f(0x03002040); f(0x40000004); f(0x04008003); 
	f(0x00800003); f(0x04008003); f(0x00c0001d); f(0x02001004); 
	f(0x0000001d); f(0x03002002); f(0x00c00003); f(0x03002002); 
	f(0x0000001a); f(0x03001003); f(0x0080001d); f(0x03002003); 
	f(0x00c00032); f(0x0300103f); f(0x8000001d); f(0x04008002); 
	f(0x00000002); f(0x04008003); f(0x00c0002a); f(0x04008003); 
	f(0x0080001d); f(0x01808000); f(0x80000034); f(0x00000001); 
	f(0x80000032); f(0x0300103f); f(0x8000001d); f(0x04008002); 
	f(0x00000002); f(0x04008003); f(0x00c0001d); f(0x03002004); 
	f(0x00000036); f(0x00000000); f(0x00000001); f(0x03008002); 
	f(0x00400001); f(0x03004002); f(0x0080001d); f(0x03001003); 
	f(0x00000008); f(0x03001000); f(0x0080001d); f(0x03008003); 
	f(0x00c0001d); f(0x03001003); f(0x00400008); f(0x03001000); 
	f(0x00c0001d); f(0x04008000); f(0x00c00003); f(0x04008003); 
	f(0x0080001d); f(0x04004003); f(0x00c00001); f(0x04004004); 
	f(0x0000001d); f(0x03004004); f(0x00400030); f(0x0400f103); 
	f(0x0010011d); f(0x0100f304);

f = a.writeShort;
	f(0x001b);

f = a.writeByte;
	f(0x00);

return a;
}

}
	}
}

// ↓ pbk ファイルのコード
/* -----------------------------------------------------------------------------
	パラメータ
    tone            トーンのイメージ
	width           トーンの幅
	height          トーンの高さ
	bits_per_pixel  色深度（トーンの数）
	position        テクスチャの座標
 ----------------------------------------------------------------------------- */
/*
<languageVersion : 1.0;>
kernel ToneFilter<
	namespace : "tone";
	vendor : "Hakuhin";
	version : 1;
	description : "トーンフィルタ";
>{
	input image4 src;	// 入力イメージ
    input image4 tone;  // トーンテクスチャ
	output pixel4 dst;	// 出力ピクセル

// -------------------------------------
	// パラメータ
	// -------------------------------------
	parameter float width<
		minValue:float(1.0);
		defaultValue:float(64.0);
		maxValue:float(256);
		description : "トーンの幅";
	>;
	parameter float height<
		minValue:float(1.0);
		defaultValue:float(64.0);
		maxValue:float(256);
		description : "トーンの高さ";
	>;
	parameter float bits_per_pixel<
		minValue:float(1);
		maxValue:float(256);
		defaultValue:float(8);
		description : "色深度（トーンの数）";
	>;
	parameter float2 position<
		defaultValue:float2(0.0 , 0.0);
		description : "テクスチャの座標";
	>;

// -------------------------------------
	// ピクセルごとに実行される関数
	// -------------------------------------
	void evaluatePixel(){

// ピクセルの位置を取得
		float2 pos = outCoord();
       
        // 色を取得
        pixel4 color = sampleNearest(src,pos); 
        
        // 明度を計算
        float lightness = 0.0;
        lightness  = (color[0] + color[1] + color[2]) / 3.0;
        
        // 明度から段階に変更
        float id = floor(lightness*bits_per_pixel);
        if(id > bits_per_pixel - 1.0) id = bits_per_pixel - 1.0;
 
        // オフセット
        pos.x += position.x;
        pos.y += position.y;
        
        // テクスチャのカラーを取得
        pos.x = mod(pos.x , width);
        pos.y = mod(pos.y , height) + height * id;
        dst = sampleNearest(tone,pos);

}
}
*/

import flash.events.*;
import flash.display.*;
import flash.text.*;
import flash.geom.*;

// -------------------------------------------------
// ボタン
// -------------------------------------------------
internal class Button extends Sprite {

private var _width:Number;
	private var _height:Number;
	
	private var _text:TextField;
	private var _background:Sprite;

public function Button(stage:Stage) {
		var slider:Button = this;

// 背景用スプライト作成
		_background = new Sprite();
		addChild(_background);

// テキストフィールド
		_text = new TextField();
		addChild(_text);
	
		_text.x = 0;
		_text.y = 0;
		_text.selectable = false;

// 書式
		var format:TextFormat = new TextFormat();
		format.align = TextFormatAlign.CENTER;	// 整列
		format.font = "ＭＳ ゴシック";	// フォント名
		format.size = 14;				// 文字のポイントサイズ
		format.color = 0x202020;		// 文字の色
		_text.defaultTextFormat = format;
	
		// マウスオーバーで少し明るく
		addEventListener(MouseEvent.MOUSE_OVER,function(e:MouseEvent):void{
			var color : ColorTransform = new ColorTransform(1,1,1,1,8,8,8,0);
			transform.colorTransform = color;
		});

// マウスアウトで元に戻す
		addEventListener(MouseEvent.MOUSE_OUT,function(e:MouseEvent):void{
			var color : ColorTransform = new ColorTransform(1,1,1,1,0,0,0,0);
			transform.colorTransform = color;														   
		});

// デフォルト値
		setSize(100,100);
		update();
	}
	// リサイズ
	public function setSize(w:Number,h:Number):void{
		// 背景リサイズ
		_width = w;
		_height = h;
		update();
	}
	// ラベルセット
	public function setLabel(str:String):void{
		_text.text = str;
		update();
	}
	// 描画更新
	private function update():void{
		// 背景描画
		var g:Graphics = _background.graphics;
		
		// 角丸矩形描画
		g.clear();
		g.lineStyle ( 0 , 0x808080 , 1.0,false,LineScaleMode.NONE,CapsStyle.ROUND,JointStyle.ROUND);
		g.beginFill ( 0xF0F0F0 , 1.0 );
		g.drawRoundRect ( 0 , 0 , _width , _height , 5 , 5 );
		g.endFill();
		
		// テキスト位置修正
		_text.width  = _width;
		_text.height = _height;
	}
}

// -------------------------------------------------
// 外部画像をサムネイルとしてキャプチャ
// -------------------------------------------------
import flash.net.*;
import flash.events.*;
import flash.display.*;
import flash.geom.*;
function ThumbnailCapture(url:String,time:uint,stage:Stage):void{

// キャプチャタイミング
	Wonderfl.capture_delay( time );

// スプライト作成
	var sprite : Sprite = new Sprite();

// ステージ最前面に配置
	stage.addChildAt(sprite,stage.numChildren);
	
	// ローダー
	var loader_obj : Loader = new Loader();
	loader_obj.contentLoaderInfo.addEventListener (Event.INIT,function(e:Event):void{

// メモリからインスタンス化
		var loader_memory : Loader = new Loader();
		loader_memory.contentLoaderInfo.addEventListener (Event.INIT,function(e:Event):void{

// キャプチャ
			var bmp : BitmapData = new BitmapData(loader_memory.width,loader_memory.height,true,0);
			sprite.addChild(loader_memory);
			bmp.draw(sprite);
			sprite.removeChild(loader_memory);
			loader_memory.unload();
			loader_obj.unload();
			loader_memory = null;
			loader_obj = null;
			
			
			// 画像を配置
			var bmp_obj : Bitmap = new Bitmap(bmp);
			bmp_obj .width = stage.stageWidth;
			bmp_obj .height = stage.stageHeight;
			stage.addChild(bmp_obj );
			
		});
		
		// 読み込み開始
		loader_memory.loadBytes(loader_obj.contentLoaderInfo.bytes);
	});
	
	// 読み込み開始
	loader_obj.load(new URLRequest(url));
}

Code Fullscreen

Preview Fullscreen