カテゴリー: Processing

Processingで読み込んだ画像をドット化し、PNG書き出すスクリプトを書きましたメモ。ちなみにドットは、四角じゃなくて円に変換してます。

Before

After

Processing コード

[java]
int NUM_BALL_X = 60;
int SIZE = 6;
PImage img;
String loadFile = "a.jpg";

void setup(){

img= loadImage(loadFile);

println("width:" + img.width + " height:" + img.height);

size(img.width,img.height,P3D);
background(0);
smooth();

img.loadPixels();
println("img.pixels.length:" + img.pixels.length);

float distanceOfBall = img.width / ((float)NUM_BALL_X);
int NUM_BALL_Y = int(NUM_BALL_X * img.height / (float)img.width);

println("distanceOfBall:" + distanceOfBall);

for( int i = 0 ; i < NUM_BALL_X ; i++){

for(int j = 0 ; j < NUM_BALL_Y ; j++){

int x = int(i * distanceOfBall + distanceOfBall/2.);
int y = int(j * distanceOfBall + distanceOfBall/2.);

color col= img.pixels[int(x + width * y)];
fill(col);
ellipse(x,y,SIZE,SIZE);
}
}

save(loadFile +"Dot.png");
}

[/java]

映像をアプリ間でシェアできるライブラリ Syphon 。Processing では、FullScreen Library が使えなくて困っていたので、 Max6 に映像送って全画面化して使ってます。

Processing から Syphon Server へ映像を送る時に、Example には createGraphics した PGraphics にオフスクリーンで描画しておいて、PGraphics を Sypohon サーバーに送るという方法が書かれています。ただし、途中まで作ってSyphon化したい時なんかに、描画命令全部を拾って PGraphicsするのは面倒くさいです・・・。実は、もっと簡単な方法があります。

[javascript]

import processing.opengl.*;
import codeanticode.syphon.*;

SyphonServer server;

void setup(){

// Create syhpon server to send frames out.
server = new SyphonServer(this, "Processing Syphon");
}

void draw(){

//いつもの通りアプリを書く

//syphon server へ映像を送る
server.sendImage(g);

}
[/javascript]

以上でできました。Processing の PApplet のドキュメントを読むと g というPGraphics型の変数が定義されています。Processing の内部的には、gに対して色々と描画をしていたようです。