画像を絵画調に変換
画像を絵画調に変換
画像をクリックすると、次の画像へ。
解説など:http://game.g.hatena.ne.jp/Nao_u/20091229
/**
* Copyright Nao_u ( http://wonderfl.net/user/Nao_u )
* MIT License ( http://www.opensource.org/licenses/mit-license.php )
* Downloaded from: http://wonderfl.net/c/bWMK
*/
//
// 画像を絵画調に変換
//
// 画像をクリックすると、次の画像へ。
//
//
// 解説など:http://game.g.hatena.ne.jp/Nao_u/20091229
//
package {
import flash.display.Sprite;
import flash.events.*;
[SWF(width="465", height="465", backgroundColor="0xFFFFFF", frameRate="30")]
public class FlashTest extends Sprite {
public function FlashTest() {
Main = this;
startLoad();
stage.addEventListener(Event.ENTER_FRAME,update);
stage.addEventListener(MouseEvent.MOUSE_DOWN, isClick );
}
}
}
function isClick(event:MouseEvent):void{
Text.text = "生成中...";
bLoad = false;
startLoad();
}
import flash.display.*;
import flash.events.*
import flash.text.TextField;
import flash.geom.*;
import flash.utils.getTimer;
import flash.net.*;
var Main:Sprite;
var SCREEN_W:Number = 465;
var SCREEN_H:Number = 465;
var Text:TextField
var View: Bitmap;
var BmpData: BitmapData;
var BmpData2: BitmapData;
var BmpDataMono: BitmapData;
var BmpDataEdge: BitmapData;
var BmpDataTmp: BitmapData;
var BITMAP_W:int = SCREEN_W;
var BITMAP_H:int = SCREEN_H;
var loaderA:Loader;
var loaderB:Loader;
var bLoad:Boolean = false;
var No:int = 0;
function startLoad():void{
loaderA = new Loader();
var url:String;
switch(No){
case 0: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090326/20090326044849.jpg"; break;
case 1: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090913/20090913133305.jpg"; break;
case 2: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090817/20090817090823.jpg"; break;
case 3: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090817/20080716105600.jpg"; break;
case 4: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090326/20090326042031.jpg"; break;
case 5: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090817/20090327043047.jpg"; break;
case 6: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090326/20080810100737.jpg"; break;
case 7: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090817/20080809101700.jpg"; break;
case 8: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090326/20090327102950.jpg"; break;
case 9: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090326/20090327090702.jpg"; break;
case 10: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090326/20080716102900.jpg"; break;
case 11: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090326/20090327091952.jpg"; break;
case 12: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090913/20090913133218.jpg"; break;
case 13: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090326/20090327043118.jpg"; break;
case 14: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090326/20090326052814.jpg"; break;
case 15: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090326/20080810090405.jpg"; break;
case 16: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090326/20080106055925.jpg"; break;
case 17: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090326/20080106044103.jpg"; break;
case 18: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090817/20090817091054.jpg"; break;
case 19: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090817/20091004065300.jpg"; break;
case 20: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090817/20091004070000.jpg"; break;
case 21: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090817/20090815193507.jpg"; break;
case 22: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090817/20090326084145.jpg"; break;
case 23: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090817/20090326072406.jpg"; break;
case 24: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090817/20080810113647.jpg"; break;
case 25: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090817/20080716105000.jpg"; break;
case 26: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090817/20080115004653.jpg"; break;
case 27: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090817/20080716101100.jpg"; break;
case 28: url = "http://img.f.hatena.ne.jp/images/fotolife/N/Nao_u/20090817/20080716111200.jpg"; break;
}
No++;
if( No == 29 ) No = 0;
loaderA.load( new URLRequest(url) );
loaderA.contentLoaderInfo.addEventListener( Event.COMPLETE, loadComplete );
}
function loadComplete(e:Event):void {
loaderB = new Loader();
loaderB.contentLoaderInfo.addEventListener(Event.INIT, initialize);
loaderB.loadBytes(loaderA.contentLoaderInfo.bytes);
}
function initialize(event:Event):void
{
var loader:Loader = loaderB;
BmpData = new BitmapData(BITMAP_W, BITMAP_W, false);
BmpData.draw(loader);
View = new Bitmap(BmpData);
View.scaleX = 1.0;
View.scaleY = 1.0;
Main.addChild(View);
BmpData2 = new BitmapData(loader.width, loader.height, false);
BmpDataMono = new BitmapData(loader.width, loader.height, false);
BmpDataEdge = new BitmapData(loader.width, loader.height, false);
BmpDataTmp = new BitmapData(loader.width, loader.height, false);
Text = new TextField();
Text.text = "画像変換中・・・しばらくお待ちください";
Text.autoSize = "left";
Main.addChild(Text);
Cnt=0;
bLoad = true;
}
var Cnt:int;
function update(e :Event):void{
if( bLoad == false ){
return;
}
Cnt++;
if( Cnt == 3 ){
var time:int = getTimer();
var cont:Number = 64;
var mul:Number = 128 + cont;
// モノクロ画像を生成
FilterMono( BmpData, BmpDataMono );
// モノクロ画像からエッジ抽出画像を生成
FilterEdge( BmpDataMono, BmpDataEdge );
// 元絵からぼかし画像を生成(5x5を2パス)
Filter3( BmpData, BmpData2 );
Filter3( BmpData2, BmpData );
// ぼかした画像にエッジ抽出画像を乗算
var matrix : Matrix = new Matrix(1,0,0,1,0,0);
var color : ColorTransform = new ColorTransform(1,1,1,1,0,0,0,0);
BmpData.draw(BmpDataEdge, matrix, color, BlendMode.MULTIPLY);
var endTime:int = getTimer() - time;
Text.text = "生成時間:" + endTime + "[ms]";
}
}
// モノクロ画像を生成
function FilterMono( inBmp:BitmapData, outBmp:BitmapData):void{
outBmp.lock();
for( var x:int=0; x<BITMAP_W; x++ ){
for( var y:int=0; y<BITMAP_H; y++ ){
var col:Color = new Color( inBmp.getPixel(x, y) );
var yy:Number = 0.298912*col.r + 0.586611*col.g + 0.114477*col.b;
col.r = yy;
col.g = yy;
col.b = yy;
outBmp.setPixel(x, y, col.getInt() );
}
}
outBmp.unlock();
}
// エッジ抽出画像を生成
function FilterEdge( inBmp:BitmapData, outBmp:BitmapData):void{
var iB:BitmapData;
var oB:BitmapData;
var sum:Number = 0;
// ソーベルフィルタでエッジ抽出
iB = inBmp;
oB = outBmp;
oB.lock();
for( var x:int=0; x<BITMAP_W; x++ ){
for( var y:int=0; y<BITMAP_H; y++ ){
var c0:Color = new Color( iB.getPixel(x-1, y-1) );
var c1:Color = new Color( iB.getPixel(x, y-1) );
var c2:Color = new Color( iB.getPixel(x+1, y-1) );
var c3:Color = new Color( iB.getPixel(x-1, y) );
//var c4:Color = new Color( iB.getPixel(x , y) );
var c5:Color = new Color( iB.getPixel(x+1, y) );
var c6:Color = new Color( iB.getPixel(x-1, y+1) );
var c7:Color = new Color( iB.getPixel(x, y+1) );
var c8:Color = new Color( iB.getPixel(x+1, y+1) );
var hs:Number = -1*c0.r + 1*c2.r + -2*c3.r + 2*c5.r + -1*c6.r + 1*c8.r;
var vs:Number = -1*c0.r + -2*c1.r + -1*c3.r + 1*c6.r + 2*c7.r + 1*c8.r;
var g:Number = Math.pow( (hs*hs + vs*vs), 0.5 );
g = 1 - g;
if( g < 0.6 ) g = 0;
g *= 1.25;
g += 0.50;
var col:Color = new Color(0);
col.r = g;
col.g = g;
col.b = g;
oB.setPixel(x, y, col.getInt() );
}
}
oB.unlock();
// メディアンフィルター(もどき)でノイズ除去
iB = outBmp;
oB = BmpDataTmp;
oB.lock();
for( var x:int=0; x<BITMAP_W; x++ ){
for( var y:int=0; y<BITMAP_H; y++ ){
sum = 0;
var c0:Color = new Color( iB.getPixel(x-1, y-1) );
var c1:Color = new Color( iB.getPixel(x, y-1) );
var c2:Color = new Color( iB.getPixel(x+1, y-1) );
var c3:Color = new Color( iB.getPixel(x-1, y) );
var c4:Color = new Color( iB.getPixel(x , y) );
var c5:Color = new Color( iB.getPixel(x+1, y) );
var c6:Color = new Color( iB.getPixel(x-1, y+1) );
var c7:Color = new Color( iB.getPixel(x, y+1) );
var c8:Color = new Color( iB.getPixel(x+1, y+1) );
if( c0.r > 0.5 ) sum += 1.0;
if( c1.r > 0.5 ) sum += 1.0;
if( c2.r > 0.5 ) sum += 1.0;
if( c3.r > 0.5 ) sum += 1.0;
if( c4.r > 0.5 ) sum += 1.0;
if( c5.r > 0.5 ) sum += 1.0;
if( c6.r > 0.5 ) sum += 1.0;
if( c7.r > 0.5 ) sum += 1.0;
if( c8.r > 0.5 ) sum += 1.0;
if( sum < 1 ) oB.setPixel(x, y, 0 );
else oB.setPixel(x, y, c4.getInt() );
}
}
oB.unlock();
var b:Color = new Color(0);
var col:Color = new Color(0);
var s:Number = 0;
var w:Number = 0;
// ぼかし
iB = BmpDataTmp;
oB = outBmp;
oB.lock();
for( var x:int=0; x<BITMAP_W; x++ ){
for( var y:int=0; y<BITMAP_H; y++ ){
sum = 0;
col.r = col.g = col.b = 0;
b.set( iB.getPixel(x, y) );
for( var lx:int=-2; lx<=1; lx++ ){
for( var ly:int=-2; ly<=2; ly++ ){
var px:int = x+lx;
var py:int = y+ly;
if( px < 0 || px >= BITMAP_W || py < 0 || py >= BITMAP_H ) break;
var c:Color = new Color( iB.getPixel(px, py) );
//s = c.g - b.g;
//if( s < 0 ) s = -s;
w = 1;// - s*s;
if( lx == -2 ) w *= 0.4;
if( ly == -2 || ly == 2 ) w *= 0.4;
col.r += c.r * w;
col.g += c.g * w;
col.b += c.b * w;
sum += w;
}
}
var mul:Number = 1.0 / sum;
col.r *= mul;
col.g *= mul;
col.b *= mul;
oB.setPixel(x, y, col.getInt() );
}
}
oB.unlock();
}
// ぼかしフィルタ
function Filter3( inBmp:BitmapData, outBmp:BitmapData):void{
var b:Color = new Color(0);
var col:Color = new Color(0);
var c:Color = new Color( 0 );
var sum:Number = 0;
var s:Number = 0;
var w:Number = 0;
outBmp.lock();
for( var x:int=0; x<BITMAP_W; x++ ){
for( var y:int=0; y<BITMAP_H; y++ ){
sum = 0;
col.r = col.g = col.b = 0;
b.set( inBmp.getPixel(x, y) );
for( var lx:int=-5; lx<=5; lx++ ){
for( var ly:int=-5; ly<=5; ly++ ){
c.set( inBmp.getPixel(x+lx, y+ly) );
s = c.g - b.g;
if( s < 0 ) s = -s;
w = 1 - s;//*s*s;
col.r += c.r * w;
col.g += c.g * w;
col.b += c.b * w;
sum += w;
}
}
var mul:Number = 1.0 / sum;
col.r *= mul;
col.g *= mul;
col.b *= mul;
outBmp.setPixel(x, y, col.getInt() );
}
}
outBmp.unlock();
}
// 色クラス
class Color{
public var r:Number;
public var g:Number;
public var b:Number;
public function Color( c:int ){
r = ((c & 0xff0000)>>16)*0.003921568627;
g = ((c & 0x00ff00)>>8)*0.003921568627;
b = ((c & 0x0000ff))*0.003921568627;
}
public function set( c:int ):void{
r = ((c & 0xff0000)>>16)*0.003921568627;
g = ((c & 0x00ff00)>>8)*0.003921568627;
b = ((c & 0x0000ff))*0.003921568627;
}
public function getInt():int{
if( r > 1.0 ) r = 1.0;
if( g > 1.0 ) g = 1.0;
if( b > 1.0 ) b = 1.0;
if( r < 0.0 ) r = 0.0;
if( g < 0.0 ) g = 0.0;
if( b < 0.0 ) b = 0.0;
var col:int = ((r*255) << 16) + ((g*255)<<8) + (b*255);
return col;
}
}