Saturday, January 23, 2010

ProcessingとJava Image Filters(pixels)を使用して万華鏡のような画像を作成する

より新しいバージョンでの記事「Processing3.4とJava Image Filtersを使用して万華鏡のような画像を作成する」を参照してください。

ProcessingとJava Image Filters(pixels)を使用して万華鏡のような画像を作成するには、以下のコードを実行します。Java Image Filtersはhttps://pixels.dev.java.net/servlets/ProjectDocumentListから pixels-core-2.1.3-SNAPSHOT.jarをダウンロードしてSketchのフォルダのcodeサブフォルダに配置するか、 Sketch->Add FilesメニューからSketchに追加します。


// キャンバスサイズ
PImage img = loadImage("sf2.jpg");
size(img.width, img.height);
// 万華鏡のような画像を生成する
KaleidoscopeFilter kf = new KaleidoscopeFilter();
// 面数
kf.setSides(6);
// 角度1
kf.setAngle(20f/180f*ImageMath.PI);
// 角度2
kf.setAngle2(50f/180f*ImageMath.PI);
// 中心X
kf.setCentreX(0.5f);
// 中心Y
kf.setCentreY(0.5f);
// 半径
kf.setRadius(100);

PImage img2 = new PImage(kf.filter((BufferedImage)img.getImage(), null));
image(img2, 0, 0);
// ファイル保存
save("sample1469a.png");


元画像(sf2.jpg):dataサブディレクトリに配置か、Add Filesで追加。


出力画像(sample1469a.png)
ProcessingとJava Image Filters(pixels)を使用して作成した万華鏡のような画像

動作環境
Processing 1.0.7

〇関連項目
・Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing

・Processingに関する他の記事は、こちらを参照してください。

Thursday, January 21, 2010

ProcessingとJava Image Filters(pixels)を使用して影付き文字列を描画する

ProcessingとJava Image Filters(pixels)を使用して影付き文字列を描画するには、以下のコードを実行します。Java Image Filtersはhttps://pixels.dev.java.net/servlets/ProjectDocumentListから pixels-core-2.1.3-SNAPSHOT.jarをダウンロードしてSketchのフォルダのcodeサブフォルダに配置するか、 Sketch->Add FilesメニューからSketchに追加します。


// キャンバスサイズ
PImage img = loadImage("SF.JPG");
size(img.width, img.height);
image(img, 0, 0);

// オフスクリーンバッファ
PGraphics gr = createGraphics(200, 200, JAVA2D);
gr.colorMode(RGB, 255, 255, 255, 255);
gr.beginDraw();
// 背景色
gr.background(#000000,0);
// 塗りつぶし色
gr.fill(#ffffff);
// フォントを変換
PFont font = createFont("MS Gothic",48,true);
// フォントを設定
gr.textFont(font);
// 文字
gr.text("さんぷる",5,110);
gr.endDraw();

ShadowFilter sf = new ShadowFilter();
// 半径
sf.setRadius(7f);
// 透明度
sf.setOpacity(0.9f);
// 角度
sf.setAngle(300f/180f*ImageMath.PI);
// 距離
sf.setDistance(5f);
// 影の色
sf.setShadowColor(0xff202020);
// 影のマージン
sf.setAddMargins(false);
// 影のみにするか
sf.setShadowOnly(false);

img.blend(new PImage(sf.filter((BufferedImage)gr.getImage(), null)),
0, 0, img.width, img.height,
0, 0, img.width, img.height, BLEND);
image(img, 0, 0);

// ファイル保存
save("sample1467a.png");


元画像(sf.jpg):dataサブディレクトリに配置か、Add Filesで追加。


出力画像(sample1467a.png)
ProcessingとJava Image Filters(pixels)を使用してドロップシャドウつきの文字列を描画した画像

動作環境
Processing 1.0.7

〇関連項目
・Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing

・Processingに関する他の記事は、こちらを参照してください。

Wednesday, January 20, 2010

ProcessingとJava Image Filters(pixels)を使用して画像をサーモグラフィ風にする

より新しいバージョンでの記事「Processing3.4とJava Image Filtersを使用して画像をサーモグラフィ風にする」を参照してください。

ProcessingとJava Image Filters(pixels)を使用して画像をサーモグラフィ風にするには、以下のコードを実行します。Java Image Filtersはhttps://pixels.dev.java.net/servlets/ProjectDocumentListから pixels-core-2.1.3-SNAPSHOT.jarをダウンロードしてSketchのフォルダのcodeサブフォルダに配置するか、 Sketch->Add FilesメニューからSketchに追加します。


// キャンバスサイズ
PImage img = loadImage("SF.JPG");
size(img.width, img.height);
// カラーマップを作成
ArrayColormap ac = new ArrayColormap();
ac.setColorRange(0, 50, Color.BLACK.getRGB(), Color.BLUE.getRGB());
ac.setColorRange(51, 101, Color.BLUE.getRGB(), Color.GREEN.getRGB());
ac.setColorRange(102, 152, Color.GREEN.getRGB(), Color.YELLOW.getRGB());
ac.setColorRange(153, 204, Color.YELLOW.getRGB(), Color.RED.getRGB());
ac.setColorRange(205, 255, Color.RED.getRGB(), Color.WHITE.getRGB());
// サーモグラフィ風に変換
LookupFilter lf = new LookupFilter(ac);

PImage img2 = new PImage(lf.filter((BufferedImage)img.getImage(), null));
image(img2, 0, 0);
// ファイル保存
save("sample1466a.png");


元画像(sf.jpg):dataサブディレクトリに配置か、Add Filesで追加。


出力画像(sample1466a.png)
ProcessingとJava Image Filters(pixels)を使用してサーモグラフィ風に変換した画像

動作環境
Processing 1.0.7

〇関連項目
・Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing

・Processingに関する他の記事は、こちらを参照してください。

Tuesday, January 19, 2010

ProcessingとJava Image Filters(pixels)を使用して炎の画像を生成する

より新しいバージョンでの記事「Processing3.4とJava Image Filtersを使用して炎の画像を生成する」を参照してください。

ProcessingとJava Image Filters(pixels)を使用して炎の画像を生成するには、以下のコードを実行します。Java Image Filtersはhttps://pixels.dev.java.net/servlets/ProjectDocumentListから pixels-core-2.1.3-SNAPSHOT.jarをダウンロードしてSketchのフォルダのcodeサブフォルダに配置するか、 Sketch->Add FilesメニューからSketchに追加します。


// キャンバスサイズ
PImage img = new PImage(200, 200, ARGB);
size(img.width, img.height);
// 炎のような画像を生成
FBMFilter fbmf = new FBMFilter();
// effect量
fbmf.setAmount(1f);
// 操作タイプ
fbmf.setOperation(FBMFilter.NOISE);
// スケール
fbmf.setScale(32);
// 引き伸ばし率
fbmf.setStretch(1f);
// 角度
fbmf.setAngle(10f/180f*ImageMath.PI);

// カラーマップを作成&設定
ArrayColormap ac = new ArrayColormap();
ac.setColorRange(0, 100, 0x00000000, 0xffff8040);
ac.setColorRange(101, 200, 0xffff8040, 0xffffff60);
ac.setColorRange(201, 255, 0xffffff60, 0xffffffe0);
fbmf.setColormap(ac);

PImage img2 = new PImage(fbmf.filter((BufferedImage)img.getImage(), null));
image(img2, 0, 0);
// ファイル保存
save("sample1465a.png");


出力画像(sample1465a.png)
ProcessingとJava Image Filters(pixels)を使用して作成した炎の画像

動作環境
Processing 1.0.7

〇関連項目
・Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing

・Processingに関する他の記事は、こちらを参照してください。

Monday, January 18, 2010

ProcessingとJava Image Filters(pixels)を使用して放射ブラーをかける

ProcessingとJava Image Filters(pixels)を使用して放射ブラーをかけるには、以下のコードを実行します。Java Image Filtersはhttps://pixels.dev.java.net
より新しいバージョンでの記事「Processing3.4とJava Image Filtersを使用して放射ブラーをかける」を参照してください。

/servlets/ProjectDocumentListから pixels-core-2.1.3-SNAPSHOT.jarをダウンロードしてSketchのフォルダのcodeサブフォルダに配置するか、 Sketch->Add FilesメニューからSketchに追加します。


// キャンバスサイズ
PImage img = loadImage("sf2.jpg");
size(img.width, img.height);
// 放射ブラーをかける
MotionBlurFilter mbf = new MotionBlurFilter();
// 角度
mbf.setAngle(0f/180f*ImageMath.PI);
// 距離
mbf.setDistance(1f);
// 回転
mbf.setRotation(0.03f);
// ズーム
mbf.setZoom(0.1f);
mbf.setWrapEdges(false);

PImage img2 = new PImage(mbf.filter((BufferedImage)img.getImage(), null));
image(img2, 0, 0);
// ファイル保存
save("sample1464a.png");


元画像(sf2.jpg):dataサブディレクトリに配置か、Add Filesで追加。


出力画像(sample1464a.png)
ProcessingとJava Image Filters(pixels)を使用して放射ブラーをかけた画像

動作環境
Processing 1.0.7

〇関連項目
・Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing

・Processingに関する他の記事は、こちらを参照してください。

Sunday, January 17, 2010

ProcessingとJava Image Filters(pixels)を使用して鏡面画像を作成する

ProcessingとJava Image Filters(pixels)を使用して鏡面画像を作成するには、以下のコードを実行します。Java Image Filtersはhttps://pixels.dev.java.net/servlets/ProjectDocumentListから pixels-core-2.1.3-SNAPSHOT.jarをダウンロードしてSketchのフォルダのcodeサブフォルダに配置するか、 Sketch->Add FilesメニューからSketchに追加します。


// キャンバスサイズ
PImage img = loadImage("SF.JPG");
BufferedImage bi = new BufferedImage(
img.width, img.height*2, BufferedImage.TYPE_INT_ARGB_PRE
);
Graphics2D gr = bi.createGraphics();
gr.drawImage(img.getImage(),0,0,null);
gr.dispose();
size(img.width, img.height*2);
// 鏡面画像
MirrorFilter mf = new MirrorFilter();
// gap
mf.setGap(0.01f);
// 透明度
mf.setOpacity(0.5f);
// 中央Y
mf.setCentreY(0.5f);

PImage img3 = new PImage(mf.filter(bi, null));
image(img3, 0, 0);
// ファイル保存
save("sample1463a.png");


元画像(sf.jpg):dataサブディレクトリに配置か、Add Filesで追加。


出力画像(sample1463a.png)
ProcessingとJava Image Filters(pixels)を使用して描画した鏡面画像

動作環境
Processing 1.0.7

〇関連項目
・Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing

・Processingに関する他の記事は、こちらを参照してください。

Saturday, January 16, 2010

Processingとjsilhouetteを使用して花を描画する

より新しいバージョンでの記事「Processing3.4とjsilhouetteを使用して花を描画する」を参照してください。

Processingとjsilhouetteを使用して花を描画するには、以下のコードを実行します。jsilhouetteはhttps://code.google.com/p/jsilhouette/から jsilhouette-geom-0.3.1.jarをダウンロードしてSketchのフォルダのcodeサブフォルダに配置するか、 Sketch->Add FilesメニューからSketchに追加します。


// キャンバスサイズ
size(200, 200);
background(#f8f8ff);
// 描画用PGraphics作成
PGraphicsJava2D g2d=(PGraphicsJava2D)createGraphics(200, 200, JAVA2D);
g2d.beginDraw();
Graphics2D gr = g2d.g2;
gr.setColor(new Color(#ffcc00));
// 花型を描画
gr.fill(new Fan(100, 100, new Almond(80, 80, 25, 0), 6, 0f, 0.5f));
g2d.endDraw();

image(g2d, 0, 0);
// ファイル保存
save("sample1485a.png");


出力画像(sample1485a.png)
Processingとjsilhouetteを使用して描画した花

動作環境
Processing 1.0.7

〇関連項目
・Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing

・Processingに関する他の記事は、こちらを参照してください。

ProcessingとJava Image Filters(pixels)を使用して画像をスクロールする

より新しいバージョンでの記事「Processing3.4とJava Image Filtersを使用して画像をスクロールする」を参照してください。

ProcessingとJava Image Filters(pixels)を使用して画像をスクロールするには、以下のコードを実行します。Java Image Filtersはhttps://pixels.dev.java.net/servlets/ProjectDocumentListから pixels-core-2.1.3-SNAPSHOT.jarをダウンロードしてSketchのフォルダのcodeサブフォルダに配置するか、 Sketch->Add FilesメニューからSketchに追加します。


// キャンバスサイズ
PImage img = loadImage("SF.JPG");
size(img.width, img.height);
// 画像をスクロールさせる
OffsetFilter of = new OffsetFilter();
// Xオフセット
of.setXOffset(50);
// Yオフセット
of.setYOffset(50);
// wrap指定
of.setWrap(true);

PImage img2 = new PImage(of.filter((BufferedImage)img.getImage(), null));
image(img2, 0, 0);
// ファイル保存
save("sample1462a.png");


元画像(sf.jpg):dataサブディレクトリに配置か、Add Filesで追加。


出力画像(sample1462a.png)
ProcessingとJava Image Filters(pixels)を使用してスクロールさせた画像

動作環境
Processing 1.0.7

〇関連項目
・Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing

・Processingに関する他の記事は、こちらを参照してください。

Friday, January 15, 2010

ProcessingとJava Image Filters(pixels)を使用して木目調の画像を生成する

より新しいバージョンでの記事「Processing3.4とJava Image Filtersを使用して木目調の画像を生成する」を参照してください。

ProcessingとJava Image Filters(pixels)を使用して木目調の画像を生成するには、以下のコードを実行します。Java Image Filtersはhttps://pixels.dev.java.net/servlets/ProjectDocumentListから pixels-core-2.1.3-SNAPSHOT.jarをダウンロードしてSketchのフォルダのcodeサブフォルダに配置するか、 Sketch->Add FilesメニューからSketchに追加します。


// キャンバスサイズ
PImage img = new PImage(200, 200);
size(img.width, img.height);
// 木目調の画像を生成する
WoodFilter wf = new WoodFilter();
// rings value
wf.setRings(0.5f);
// スケール
wf.setScale(200);
// 伸張率
wf.setStretch(8.0f);
// 角度
wf.setAngle(10f/180f*ImageMath.PI);
// 乱れ
wf.setTurbulence(0.2f);
// 繊維の量
wf.setFibres(0.5f);

PImage img2 = new PImage(wf.filter((BufferedImage)img.getImage(), null));
image(img2, 0, 0);
// ファイル保存
save("sample1461a.png");


出力画像(sample1461a.png)
ProcessingとJava Image Filters(pixels)を使用して木目調の画像を生成する

動作環境
Processing 1.0.7

〇関連項目
・Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing

・Processingに関する他の記事は、こちらを参照してください。

Thursday, January 14, 2010

ProcessingとJava Image Filters(pixels)を使用して画像を減色する

より新しいバージョンでの記事Processing3.4とJava Image Filtersを使用して画像を減色するを参照してください。

ProcessingとJava Image Filters(pixels)を使用して画像を減色するには、以下のコードを実行します。Java Image Filtersはhttps://pixels.dev.java.net/servlets/ProjectDocumentListから pixels-core-2.1.3-SNAPSHOT.jarをダウンロードしてSketchのフォルダのcodeサブフォルダに配置するか、 Sketch->Add FilesメニューからSketchに追加します。


// キャンバスサイズ
PImage img = loadImage("SF.JPG");
size(img.width, img.height);
// 画像を減色する
QuantizeFilter qf = new QuantizeFilter();
// 色数
qf.setNumColors(64);
// ディザ使用
qf.setDither(true);
// サーペンタインパターンを使用するか
qf.setSerpentine(true);

PImage img2 = new PImage(qf.filter((BufferedImage)img.getImage(), null));
image(img2, 0, 0);
// ファイル保存
save("sample1460a.png");


元画像(sf.jpg):dataサブディレクトリに配置か、Add Filesで追加。


出力画像(sample1460a.png)
ProcessingとJava Image Filters(pixels)を使用して減色した画像

動作環境
Processing 1.0.7

〇関連項目
・Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing

・Processingに関する他の記事は、こちらを参照してください。

Wednesday, January 13, 2010

ProcessingとJava Image Filters(pixels)を使用して立体的な文字列を描画する

より新しいバージョンでの記事Processing3.4とJava Image Filtersを使用して立体的な文字列を描画するを参照してください。

ProcessingとJava Image Filters(pixels)を使用して立体的な文字列を描画するには、以下のコードを実行します。Java Image Filtersはhttps://pixels.dev.java.net/servlets/ProjectDocumentListから pixels-core-2.1.3-SNAPSHOT.jarをダウンロードしてSketchのフォルダのcodeサブフォルダに配置するか、 Sketch->Add FilesメニューからSketchに追加します。


// キャンバスサイズ
size(200, 200);
// オフスクリーンバッファ
PGraphics gr = createGraphics(200, 200, JAVA2D);
gr.colorMode(RGB, 255, 255, 255, 255);
gr.beginDraw();
// 背景色
gr.background(#000000);
// 塗りつぶし色
gr.fill(#ffffff);
// フォントを変換
PFont font = createFont("MS Gothic",48,true);
// フォントを設定
gr.textFont(font);
// 文字
gr.text("さんぷる",5,110);
gr.endDraw();

// クロームフィルタ
ChromeFilter cf = new ChromeFilter();
// effect量
cf.setAmount(0.5f);
// 露光量
cf.setExposure(3.0f);

PImage img2 = new PImage(cf.filter((BufferedImage)gr.getImage(), null));
image(img2, 0, 0);
// ファイル保存
save("sample1459a.png");


出力画像(sample1459a.png)
ProcessingとJava Image Filters(pixels)を使用して描画した立体的な文字列

動作環境
Processing 1.0.7

〇関連項目
・Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing

・Processingに関する他の記事は、こちらを参照してください。

Tuesday, January 12, 2010

ProcessingとJava Image Filters(pixels)を使用して市松模様を描画する

より新しいバージョンでの記事ProcessingとJava Image Filters3.4を使用して市松模様を描画するを参照してください。

ProcessingとJava Image Filters(pixels)を使用して市松模様を描画するには、以下のコードを実行します。Java Image Filtersはhttps://pixels.dev.java.net/servlets/ProjectDocumentListから pixels-core-2.1.3-SNAPSHOT.jarをダウンロードしてSketchのフォルダのcodeサブフォルダに配置するか、 Sketch->Add FilesメニューからSketchに追加します。


// キャンバスサイズ
PImage img = new PImage(200, 200);
size(img.width, img.height);
// 市松模様を描画する
CheckFilter cf = new CheckFilter();
// 前景色
cf.setForeground(0xffffffff);
// 背景色
cf.setBackground(0xff000000);
// xサイズ
cf.setXScale(16);
// yサイズ
cf.setYScale(16);
// あいまいさ
cf.setFuzziness(20);
// 角度
cf.setAngle(45f/180f*ImageMath.PI);
PImage img2 = new PImage(cf.filter((BufferedImage)img.getImage(), null));
image(img2, 0, 0);
// ファイル保存
save("sample1458a.png");


出力画像(sample1458a.png)
ProcessingとJava Image Filters(pixels)を使用して出力した市松模様

動作環境
Processing 1.0.7

〇関連項目
・Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing

・Processingに関する他の記事は、こちらを参照してください。

Monday, January 11, 2010

ProcessingとJava Image Filters(pixels)を使用してレンズフレアを描画する

より新しいバージョンでの記事「Processing3.4とJava Image Filtersを使用してレンズフレアを描画する」を参照してください。

ProcessingとJava Image Filters(pixels)を使用してレンズフレアを描画するには、以下のコードを実行します。Java Image Filtersはhttps://pixels.dev.java.net/servlets/ProjectDocumentListから pixels-core-2.1.3-SNAPSHOT.jarをダウンロードしてSketchのフォルダのcodeサブフォルダに配置するか、 Sketch->Add FilesメニューからSketchに追加します。


// キャンバスサイズ
PImage img = loadImage("SF.JPG");
size(img.width, img.height);
// レンズフレアを描画する
FlareFilter ff = new FlareFilter();
// 描画色
ff.setColor(0xffffffff);
// 輪の太さ
ff.setRingWidth(1.2f);
// ベースのeffect量
ff.setBaseAmount(0.9f);
// 輪のeffect量
ff.setRingAmount(0.2f);
// 光線の量
ff.setRayAmount(1.4f);
// 中心
ff.setCentre(new java.awt.geom.Point2D.Float(0.7f, 0.3f));
// 半径
ff.setRadius(70f);
PImage img2 = new PImage(ff.filter((BufferedImage)img.getImage(), null));
image(img2, 0, 0);
// ファイル保存
save("sample1457a.png");


元画像(sf.jpg):dataサブディレクトリに配置か、Add Filesで追加。


出力画像(sample1457a.png)
ProcessingとJava Image Filters(pixels)を使用して描画したレンズフレア

動作環境
Processing 1.0.7

〇関連項目
・Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing

・Processingに関する他の記事は、こちらを参照してください。

Sunday, January 10, 2010

ProcessingとJava Image Filters(pixels)を使用して画像を球状に変形させる

より新しいバージョンでの記事Processing3.4とJava Image Filtersを使用して画像を球状に変形させるを参照してください。

ProcessingとJava Image Filters(pixels)を使用して画像を球状に変形させるには、以下のコードを実行します。Java Image Filtersはhttps://pixels.dev.java.net/servlets/ProjectDocumentListから pixels-core-2.1.3-SNAPSHOT.jarをダウンロードしてSketchのフォルダのcodeサブフォルダに配置するか、 Sketch->Add FilesメニューからSketchに追加します。


// キャンバスサイズ
PImage img = loadImage("SF.JPG");
size(img.width, img.height);
// 画像を球状に変換する
PolarFilter pf = new PolarFilter(PolarFilter.RECT_TO_POLAR);
PImage img2 = new PImage(pf.filter((BufferedImage)img.getImage(), null));
image(img2, 0, 0);
// ファイル保存
save("sample1456a.png");


元画像(sf.jpg):dataサブディレクトリに配置か、Add Filesで追加。


出力画像(sample1456a.png)
ProcessingとJava Image Filters(pixels)を使用して球状に変形した画像

動作環境
Processing 1.0.7

〇関連項目
・Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing

・Processingに関する他の記事は、こちらを参照してください。

Saturday, January 09, 2010

ProcessingとJava Image Filters(pixels)を使用して画像をかたむける

より新しいバージョンでの記事Processing3.4とJava Image Filtersを使用して画像をかたむけるを参照してください。

ProcessingとJava Image Filters(pixels)を使用して画像をかたむけるには、以下のコードを実行します。Java Image Filtersはhttps://pixels.dev.java.net/servlets/ProjectDocumentListから pixels-core-2.1.3-SNAPSHOT.jarをダウンロードしてSketchのフォルダのcodeサブフォルダに配置するか、 Sketch->Add FilesメニューからSketchに追加します。


PImage img = loadImage("SF.JPG");
// 画像を傾ける
ShearFilter sf = new ShearFilter();
// 画像のリサイズをおこなうか
sf.setResize(true);
// x角度
sf.setXAngle(45f/180f*ImageMath.PI);
sf.setEdgeAction(sf.ZERO);
PImage img2 = new PImage(sf.filter((BufferedImage)img.getImage(), null));

// キャンバスサイズ
size(img2.width, img2.height);
image(img2, 0, 0);
// ファイル保存
save("sample1455a.png");


元画像(sf.jpg):dataサブディレクトリに配置か、Add Filesで追加。


出力画像(sample1455a.png)
ProcessingとJava Image Filters(pixels)を使用して傾けた画像

動作環境
Processing 1.0.7

〇関連項目
・Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing

・Processingに関する他の記事は、こちらを参照してください。

Friday, January 08, 2010

画像をぼやけた感じのセピア調に加工する

画像をぼやけた感じのセピア調に加工するには、以下のバッチファイルを実行します。


rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.5.7-Q16

%im%\convert.exe sf2.jpg -evaluate Multiply 0.5 -modulate 130,20,100
-median 2 -sepia-tone 80%% sample1435a.png


元画像(sf2.jpg)


出力画像(sample1435a.png)

Thursday, January 07, 2010

ImageMagickで画像の一部だけグレースケールにする

ImageMagickで画像の一部だけグレースケールにするには、以下のバッチファイルを実行します。


rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.5.7-Q16

rem 画像の一部をグレースケールにする
%im%\convert.exe sf.jpg -region 160x200+20+0
-colorspace gray sample1436a.png


元画像(sf.jpg)


出力画像(sample1436a.png)
ImageMagickで一部だけグレースケールにした画像

Wednesday, January 06, 2010

Processingとjsilhouetteを使用してドーナツ型を描画する

より新しいバージョンでの記事Processing3.4とjsilhouetteを使用してドーナツ型を描画するを参照してください。

Processingとjsilhouetteを使用してドーナツ型を描画するには、以下のコードを実行します。jsilhouetteはhttps://code.google.com/p/jsilhouette/から jsilhouette-geom-0.3.1.jarをダウンロードしてSketchのフォルダのcodeサブフォルダに配置するか、 Sketch->Add FilesメニューからSketchに追加します。


// キャンバスサイズ
size(200, 200);
background(#f8f8ff);
// 描画用PGraphics作成
PGraphicsJava2D g2d=(PGraphicsJava2D)createGraphics(200, 200, JAVA2D);
g2d.beginDraw();
Graphics2D gr = g2d.g2;
gr.setColor(new Color(#ffcc00));
// ドーナツ型を描画
gr.fill(new Donut(100, 100, 80, 30, 2));
g2d.endDraw();

image(g2d, 0, 0);
// ファイル保存
save("sample1484a.png");


出力画像(sample1484a.png)
Processingとjsilhouetteを使用して描画したドーナツ型

動作環境
Processing 1.0.7

〇関連項目
・Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing

・Processingに関する他の記事は、こちらを参照してください。

ImageMagickで画像を荒い感じの絵画調に加工する

ImageMagickで画像を荒い感じの絵画調に加工するには、以下のバッチファイルを実行します。


rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.5.7-Q16

%im%\convert.exe sf2.jpg -evaluate multiply 0.6
-sketch 0,10,35 -spread 2 -paint 2 sample1433a.png


元画像(sf2.jpg)


出力画像(sample1433a.png)
ImageMagickで絵画調に加工した画像

Tuesday, January 05, 2010

ProcessingとJava Image Filters(pixels)を使用して画像に等高線をつける

より新しいバージョンでの記事Processing3.4とJava Image Filtersを使用して画像に等高線をつけるを参照してください。

ProcessingとJava Image Filters(pixels)を使用して画像に等高線をつけるには、以下のコードを実行します。Java Image Filtersはhttps://pixels.dev.java.net/servlets/ProjectDocumentListから pixels-core-2.1.3-SNAPSHOT.jarをダウンロードしてSketchのフォルダのcodeサブフォルダに配置するか、 Sketch->Add FilesメニューからSketchに追加します。


// キャンバスサイズ
PImage img = loadImage("SF.JPG");
size(img.width, img.height);
// 画像に等高線をつける
ContourFilter cf = new ContourFilter();
// レベル
cf.setLevels(10);
// スケール
cf.setScale(1f);
// オフセット
cf.setOffset(0f);

PImage img2 = new PImage(cf.filter((BufferedImage)img.getImage(), null));
image(img2, 0, 0);
// ファイル保存
save("sample1454a.png");


元画像(sf.jpg)


出力画像(sample1454a.png)
ProcessingとJava Image Filters(pixels)を使用して等高線をつけた画像

動作環境
Processing 1.0.7

〇関連項目
・Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing

・Processingに関する他の記事は、こちらを参照してください。