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 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);
// レンズフレアを描画する
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 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);
// 画像を球状に変換する
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 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");
// 画像を傾ける
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 1.0.7

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

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

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

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

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)

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)

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 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)

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 1.0.7

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

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

GfxBuilderで花のような形を描画する

GfxBuilderで花のような形を描画するには、以下のコードを実行します。

import griffon.builder.gfx.render.*

def gr = new GfxRenderer()
gr.renderToFile("sample1430a.png", 200, 200){
  antialias("on")
  lauburu( cx:100, cy:100, radius:60, angle:15,
    fill: color("#c8c0c0"),
    borderColor: color("#808080"),
    borderWidth: 2
  )
}

出力画像(sample1430a.png)


動作環境
Groovy1.6.5, JDK6 Update16

GfxBuilderで星芒形を描画する

GfxBuilderで星芒形を描画するには、以下のコードを実行します。

import griffon.builder.gfx.render.*

def gr = new GfxRenderer()
gr.renderToFile("sample1429a.png", 200, 200){
  antialias("on")
  astroid( cx:100, cy:100, radius:50, angle:15,
    fill: color("#c8c0c0"),
    borderColor: color("#808080"),
    borderWidth: 2
  )
}

出力画像(sample1429a.png)


動作環境
Groovy1.6.5, JDK6 Update16

GfxBuilderでアーモンド形を描画する

GfxBuilderでアーモンド形を描画するには、以下のコードを実行します。

import griffon.builder.gfx.render.*

def gr = new GfxRenderer()
gr.renderToFile("sample1428a.png", 200, 200){
  antialias("on")
  almond( cx:100, cy:100, width:30, angle:5,
    fill: color("#c8c0c0"),
    borderColor: color("#808080"),
    borderWidth: 2
  )
}

出力画像(sample1428a.png)


動作環境
Groovy1.6.5, JDK6 Update16

PyWin32とImageMagickで画像の明るさを変更する

PyWin32とImageMagickで画像の明るさを変更するには、以下のコードを実行します。

# coding=UTF-8
import win32com.client

im = win32com.client.Dispatch("ImageMagickObject.MagickImage.1")
# 画像を暗くする
im.convert("sf.jpg", "-evaluate", "multiply", "0.5", "sample1412a.png")
# 画像を明るくする
im.convert("sf.jpg", "-evaluate", "multiply", "1.3", "sample1412b.png")

元画像(sf.jpg)


出力画像1(sample1412a.png)


出力画像2(sample1412b.png)


動作環境
Python3.1.1, Python for Windows Extensions (Build 214), ImageMagick6.5.5

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);
// 水面のような画像を生成する
CausticsFilter cf = new CausticsFilter();
// スケール
cf.setScale(32f);
// 明るさ
cf.setBrightness(15);
// 乱れ
cf.setTurbulence(0.9f);
// effect量
cf.setAmount(1.1f);
// 拡散 
cf.setDispersion(1f);
// 時間 
cf.setTime(0.1f);
// サンプル 
cf.setSamples(10);
PImage img2 = new PImage(cf.filter((BufferedImage)img.getImage(), null));
image(img2, 0, 0);
// ファイル保存
save("sample1453a.png");

出力画像(sample1453a.png)


動作環境
Processing 1.0.7

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

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

PyWin32とImageMagickで文字列をパターン画像で塗りつぶす

PyWin32とImageMagickで文字列をパターン画像で塗りつぶすには、以下のコードを実行します。

# coding=UTF-8
import win32com.client

im = win32com.client.Dispatch("ImageMagickObject.MagickImage.1")
im.convert("-size", "240x80", "xc:#fad759", "-tile", 
"pattern1.gif", "-pointsize", "70", "-draw", 
"text 0,60 Sample", "sample1411a.png")

パターン画像(pattern1.gif)


出力画像(sample1411a.png)


動作環境
Python3.1.1, Python for Windows Extensions (Build 214), ImageMagick6.5.5

GfxBuilderで市松模様に画像をタイル配置する

GfxBuilderで市松模様に画像をタイル配置するには、以下のコードを実行します。

import griffon.builder.gfx.render.*
import javax.imageio.*;

img1 = ImageIO.read(new File("flower1.png"))
img2 = ImageIO.read(new File("flower2.png"))
gr = new GfxRenderer()
img = gr.render(img1.width + img2.width, 
  img1.height + img2.height){
  image(image: img1, x:0, y:0)
  image(image: img2, x:img1.width, y:0)
  image(image: img2, x:0, y:img1.height)
  image(image: img1, x:img2.width, y:img2.height)
}
gr.renderToFile("sample1427a.png", 200, 200){
  antialias("on")
  rect(x:0, y:0, width: 200, 
  height: 200, borderColor:no){
    texturePaint(x: 0, y: 0, image: img )
  }
}

元画像1(flower1.png)


元画像2(flower2.png)


出力画像(sample1427a.png)


動作環境
Groovy1.6.5, JDK6 Update16

PyWin32とImageMagickで渦巻き模様を生成する

PyWin32とImageMagickで渦巻き模様を生成するには、以下のコードを実行します。

# coding=UTF-8
import win32com.client

im = win32com.client.Dispatch("ImageMagickObject.MagickImage.1")
im.convert("-size", "1x1", "xc:white", "xc:orange", "-append", 
"-filter", "point", "-resize", "400x400!", "-swirl", "2560", 
"-crop", "200x200+100+100", "sample1410a.png")

出力画像(sample1410a.png)


動作環境
Python3.1.1, Python for Windows Extensions (Build 214), ImageMagick6.5.5

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 Cross(100, 100, 80, 40, 0, 0.25f));
g2d.endDraw();

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

出力画像(sample1483a.png)


動作環境
Processing 1.0.7

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

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

PyWin32とImageMagickで画像を滲んだ感じに加工する

PyWin32とImageMagickで画像を滲んだ感じに加工するには、以下のコードを実行します。

# coding=UTF-8
import win32com.client

im = win32com.client.Dispatch("ImageMagickObject.MagickImage.1")
im.convert("sf2.jpg", "-colorspace", "gray", "(", "sf2.jpg", 
"-spread", "4", "-blur", "0x1", ")", "-compose", "overlay", 
"-composite", "sample1409a.png")

元画像(sf2.jpg)


出力画像(sample1409a.png)


動作環境
Python3.1.1, Python for Windows Extensions (Build 214), ImageMagick6.5.5

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);
// 水面のようなゆらぎ効果をつける
SwimFilter sf = new SwimFilter();
// 効果の量
sf.setAmount(10f);
// スケール
sf.setScale(32f);
// 引き伸ばし
sf.setStretch(10f);
// アングル
sf.setAngle(10f/180f*ImageMath.PI);
// 乱れ
sf.setTurbulence(1f);
// 時間
sf.setTime(0.1f);
PImage img2 = new PImage(sf.filter((BufferedImage)img.getImage(), null));
image(img2, 0, 0);
// ファイル保存
save("sample1452a.png");

元画像(sf2.jpg)


出力画像(sample1452a.png)


動作環境
Processing 1.0.7

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

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