Saturday, December 12, 2009

PyWin32とImageMagickでだんだんと白黒画像になっていくグラデーションを作成する

PyWin32とImageMagickでだんだんと白黒画像になっていくグラデーションを作成するには、以下のコードを実行します。


# coding=UTF-8
import win32com.client

im = win32com.client.Dispatch("ImageMagickObject.MagickImage.1")
im.convert("sf.jpg", "-fx", "(r+g+b)/3", "(", "sf.jpg", "-alpha",
"activate", "-channel", "a", "-fx",
"1-sqrt(pow(140-i,2)+pow(80-j,2))/100", ")", "-composite",
"sample1391a.png")


元画像(sf.jpg)


PyWin32とImageMagickで描画しただんだんと白黒画像になっていくグラデーション

動作環境
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);
// 画像をエンボス加工する
EmbossFilter ef = new EmbossFilter();
// 方位
ef.setAzimuth(45f * ImageMath.PI / 180f);
// 仰角
ef.setElevation(30f * ImageMath.PI / 180f);
// 段差
ef.setBumpHeight(2);
// trueなら元の色を残す
ef.setEmboss(false);
PImage img2 = new PImage(ef.filter((BufferedImage)img.getImage(), null));
image(img2, 0, 0);
// ファイル保存
save("sample1446a.png");


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


出力画像(sample1446a.png)
ProcessingとJava Image Filters(pixels)を使用してエンボスをかけた画像

動作環境
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("sample1422a.png", 200, 200){
antialias("on")
regularPolygon( cx:100, cy:100, radius:80, sides:5,
fill: color("#c8c0c0"),
borderColor: color("#808080"),
borderWidth: 2
)
}


出力画像(sample1422a.png)
GfxBuilderで描画した正多角形

動作環境
Groovy1.6.5, JDK6 Update16

Friday, December 11, 2009

PyWin32とImageMagickで斜線グラデーションの背景画像を作成する

PyWin32とImageMagickで斜線グラデーションの背景画像を作成するには、以下のコードを実行します。


# coding=UTF-8
import win32com.client

im = win32com.client.Dispatch("ImageMagickObject.MagickImage.1")
im.convert("-size", "300x50", "xc:black", "-fx",
"(i+j)%5==0?0:(sin(pi*i/w))*0.6",
"sample1390a.png")


出力画像(sample1390a.png)
PyWin32とImageMagickで作成した斜線グラデーションの背景画像

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

Thursday, December 10, 2009

PyWin32とImageMagickで画像を山折り・谷折りする

PyWin32とImageMagickで画像を山折り・谷折りするには以下のコードを実行します。


# coding=UTF-8
import win32com.client

im = win32com.client.Dispatch("ImageMagickObject.MagickImage.1")
im.convert("sf.jpg", "-fx", "j%20>9?p:p*0.8",
"-mattecolor", "black", "-frame", "20x10",
"-fx", "j%20>9?p{i+j%10-5,j}:p{i-j%10+5,j}",
"sample1389a.png")


元画像(sf.jpg)


出力画像(sample1389a.png)
PyWin32とImageMagickで山折・谷折した画像

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

Wednesday, December 09, 2009

PyWin32とImageMagickで画像の上下左右を切り落とす

PyWin32とImageMagickで画像の上下左右を切り落とすには、以下のコードを実行します。


# coding=UTF-8
import win32com.client

im = win32com.client.Dispatch("ImageMagickObject.MagickImage.1")
# 左を50ピクセル切り落とし
im.convert("sf.jpg", "-chop", "50x0", "sample1388a.png")
# 左を10ピクセル、上を50ピクセル切り落とし
im.convert("sf.jpg", "-chop", "10x50", "sample1388b.png")
# 右を40ピクセル切り落とし
im.convert("sf.jpg", "-gravity", "east", "-chop", "40x0", "sample1388c.png")
# 下を30ピクセル切り落とし
im.convert("sf.jpg", "-gravity", "south", "-chop", "0x30", "sample1388d.png")


元画像(sf.jpg)


左を50ピクセル切り落とした画像(sample1388a.png)


左を10ピクセル、上を50ピクセル切り落とした画像(sample1388b.png)


右を40ピクセル切り落とした画像(sample1388c.png)


下を30ピクセル切り落とした画像(sample1388d.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("SF.JPG");
size(img.width, img.height);
// 画像を台形変形させる
PerspectiveFilter pf = new PerspectiveFilter();
pf.setCorners(
25, 30, /* 左上の座標 */
175, 30, /* 右上の座標 */
200, 200, /* 右下の座標 */
0, 200 /* 左下の座標 */
);
pf.setEdgeAction(pf.ZERO);
//pf.setClip(true);
PImage img2 = new PImage(pf.filter((BufferedImage)img.getImage(), null));
image(img2, 0, 0);
// ファイル保存
save("sample1445a.png");


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


出力画像(sample1445a.png)
ProcessingとJava Image Filters(pixels)を使用して台形変形した画像

動作環境
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("sample1421a.png", 100, 100){
antialias("on")
rect( x:10, y:10, width:80, height:80,
arcWidth: 20, arcHeight:20,
fill: color("#c8c0c0"),
borderColor: color("#808080"),
borderWidth: 2
)
}


出力画像(sample1421a.png)
GfxBuilderで描画した角丸四角

動作環境
Groovy1.6.5, JDK6 Update16

Tuesday, December 08, 2009

PyWin32とImageMagickでグラデーションのかかった角丸四角を描画する

PyWin32とImageMagickでグラデーションのかかった角丸四角を描画するには以下のコードを実行します。


# coding=UTF-8
import win32com.client

im = win32com.client.Dispatch("ImageMagickObject.MagickImage.1")
im.convert("-size", "200x200", "xc:none",
"-fill", "gradient:#ccddff-#557799",
"-draw", "roundrectangle 0,0 199,199 20,20", "sample1387a.png")


出力画像(sample1387a.png)
PyWin32とImageMagickで描画したグラデーションのかかった角丸四角

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

Monday, December 07, 2009

PyWin32とImageMagickで写真を重ねたような画像を描画する

PyWin32とImageMagickで写真を重ねたような画像を描画するには、以下のコードを実行します。


# coding=UTF-8
import win32com.client

im = win32com.client.Dispatch("ImageMagickObject.MagickImage.1")
im.convert("sf.jpg", "-resize", "50%", "-bordercolor", "#fbfaf7",
"-border", "4x4", "-bordercolor", "#918164", "-border", "1x1",
"-bordercolor", "none", "-border", "20x20", "-background", "none",
"-shear", "0x10", "-repage", "+10-15", "(", "+clone", "-repage",
"+0+0", ")", "(", "+clone", "-repage", "-10+15", ")",
"-background", "#eeeeff", "-flatten", "sample1386a.png")


元画像(sf.jpg)


出力画像(sample1386a.png)
PyWin32とImageMagickで写真を重ねたように描画した画像

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

Sunday, December 06, 2009

Processingで画像をグラデーションのかかった画像に変換する

Processingで画像をグラデーションのかかった画像に変換するには、以下のコードを実行します。


// キャンバスサイズ
size(200, 200);
color c1 = color(#FFFF10);
color c2 = color(#3070A0);

int sx = 200;
int sy = 200;

float dr = (red(c2) - red(c1))/sy;
float dg = (green(c2) - green(c1))/sy;
float db = (blue(c2) - blue(c1))/sy;

for(int ly=0;ly<sy;ly++){
color pc = color(
(red(c1) + ly*dr),
(green(c1) + ly*dg),
(blue(c1) + ly*db)
);
for(int lx=0;lx<sx;lx++){
set(lx, ly, pc);
}
}
// オフスクリーンバッファを作成
PGraphics gr = createGraphics(200, 200, JAVA2D);
gr.colorMode(RGB, 255, 255, 255, 255);
// 画像はdataディレクトリに置いておく
PImage img = loadImage("SF.JPG");
img.filter(GRAY);
// 画像の表示
gr.beginDraw();
gr.image(img, 0, 0);
gr.loadPixels();
for(int li=0;li<img.width*img.height;li++){
gr.pixels[li] =
color(red(img.pixels[li]),
green(img.pixels[li]),
blue(img.pixels[li]),
128);
}
gr.updatePixels();
gr.endDraw();
image(gr, 0, 0);

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


元画像(SF.JPG)


出力画像(sample1385a.png)
Processingでグラデーションをかけた画像

○動作環境
Processing 3.4/Processing 1.0.7

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

ProcessingとJava Image Filters(pixels)を使用して画像を油絵風に加工する

より新しいバージョンでの記事Processingと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(300, 225);
PImage img = loadImage("sf2.jpg");
// 画像を油絵風に変換する
OilFilter of = new OilFilter();
// ピクセルでの効果範囲
of.setRange(2);
// 効果のレベル
of.setLevels(7);
PImage img2 = new PImage(of.filter((BufferedImage)img.getImage(), null));
image(img2, 0, 0);
// ファイル保存
save("sample1444a.png");


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


出力画像(sample1444a.png)
ProcessingとJava Image Filters(pixels)を使用して油絵風に変換した画像

動作環境
Processing 1.0.7

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

Saturday, December 05, 2009

Processingで半透明の四角を描画する

Processingで半透明の四角を描画するには、以下のコードを実行します。


// 画像の上に半透明の四角と文字列を描画する
// キャンバスサイズ
size(200, 200);
colorMode(RGB,255,255,255,255);
// 背景色
background(#ffffee);
// 画像はdataディレクトリに置いておく
PImage img = loadImage("SF.JPG");
// 画像の表示
image(img, 0, 0);
// 半透明の四角を描画
// 塗りつぶし色
fill(#000000,128);
noStroke();
rect(img.width*0.1, img.height*0.3, img.width*0.8, img.height*0.4);
// フォントを変換
PFont font = createFont("Tahoma",20,true);
// フォントを設定
textFont(font);
String message = "San Francisco";
// 文字列の幅を取得
float tw = textWidth(message);
// 文字
fill(#ffffff);
text(message,img.width/2-tw/2,img.height/2+textDescent());
// ファイル保存
save("sample1384a.png");


元画像(SF.JPG)


出力画像(sample1384a.png)
Processingで半透明の四角を描画する

○動作環境
Processing 3.4/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("sample1420a.png", 100, 100){
antialias("on")
rect( x:10, y:10, width:80, height:80,
fill: color("#c8c0c0"),
borderColor: color("#808080"),
borderWidth: 2
)
}


出力画像(sample1420a.png)
GfxBuilderで描画した四角

動作環境
Groovy1.6.5, JDK6 Update16

Friday, December 04, 2009

Processingで画像を回転させる

より新しいバージョンでの記事Processingで画像を回転させるを参照してください。

Processingで画像を回転させるには、以下のコードを実行します。


// キャンバスサイズ
size(300, 225);
// 背景色
background(#ffffee);
// 塗りつぶし色
fill(#d0d0f0);
// 画像はdataディレクトリに置いておく
PImage img = loadImage("sf2.jpg");
// 回転
rotate(PI/6);
// 画像の表示
image(img, 0, 0);
// ファイル保存
save("sample1383a.png");


元画像(sf2.jpg)


出力画像(sample1383a.png)
processingで回転させた画像

動作環境
Processing 1.0.7

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

Processingとjsilhouetteを使用してアスタリスクを描画する

より新しいバージョンでの記事Processingとjsilhouetteを使用してアスタリスクを描画するを参照してください。

Processingとjsilhouetteを使用してアスタリスクを描画するには、以下のコードを実行します。jsilhouetteはhttp://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 Asterisk(100, 100, 80, 12, 5, 18, 1f));
g2d.endDraw();

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


出力画像(sample1480a.png)
Processingとjsilhouetteを使用して描画したアスタリスク

動作環境
Processing 1.0.7

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

Thursday, December 03, 2009

Processingで画像をセピア調に変換する

Processingで画像をセピア調に変換するには、以下のコードを実行します。


// キャンバスサイズ
size(300, 225);
// 背景色
background(#ffffee);
// 塗りつぶし色
fill(#d0d0f0);
// 画像はdataディレクトリに置いておく
PImage img = loadImage("sf2.jpg");
// グレースケール
img.filter(GRAY);
// 着色
tint(#fec243);
// 画像の表示
image(img, 0, 0);
// ファイル保存
save("sample1382a.png");


元画像(sf2.jpg)


出力画像(sample1382a.png)
Processingでセピア調に変換した画像

○動作環境
Processing3.4/Processing 1.0.7

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

ProcessingとJava Image Filters(pixels)を使用して画像を点状に加工する

より新しいバージョンでの記事Processingと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);
PImage img = loadImage("SF.JPG");
// 画像を点状に変換する
PointillizeFilter pf = new PointillizeFilter();
// スケール
pf.setScale(12);
// エッジを表示するかどうか
pf.setFadeEdges(false);
// エッジの厚さ
pf.setEdgeThickness(0.4f);
// ランダムさ
pf.setRandomness(0.2f);
// あいまいさ
pf.setFuzziness(0.2f);
PImage img2 = new PImage(pf.filter((BufferedImage)img.getImage(), null));
image(img2, 0, 0);
// ファイル保存
save("sample1443a.png");


元画像(sf.jpg)


出力画像(sample1443a.png)
ProcessingとJava Image Filters(pixels)を使用して点状に加工した画像

動作環境
Processing 1.0.7

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

Wednesday, December 02, 2009

JOGLで4色グラデーションのポリゴンを描画する

JOGLで4色グラデーションのポリゴンを描画するには、以下のコードを実行します。


import java.io.*;
import javax.media.opengl.*;
import javax.media.opengl.glu.*;
import com.sun.opengl.util.*;

public class JoglSample61
{
// 出力画像サイズ
private static int width = 300;
private static int height = 300;

public static void main(String args[])
throws IOException
{
GLDrawableFactory gldf =
GLDrawableFactory.getFactory();
GLCapabilities glc = new GLCapabilities();
glc.setDoubleBuffered(false);
GLPbuffer buf = gldf.createGLPbuffer(
glc, null, width, height, null);

buf.addGLEventListener(
new GLEventListener(){
// 初期化
public void init(GLAutoDrawable dr)
{
GL gl = dr.getGL();
// 背景色
gl.glClearColor(
(float)0xf0/(float)0xff,
(float)0xf0/(float)0xff,
(float)0xf0/(float)0xff,
1f);
}

public void display(GLAutoDrawable dr)
{
GL gl = dr.getGL();
GLUT glut = new GLUT();
gl.glViewport(0, 0, width, height);

// 透視投影
gl.glMatrixMode(GL.GL_PROJECTION);
gl.glLoadIdentity();
float ratio = (float)height/(float)width;
gl.glFrustum(-1.0f, 1.0f, -ratio, ratio,
5.0f, 60.0f);

gl.glMatrixMode(GL.GL_MODELVIEW);
gl.glLoadIdentity();
gl.glTranslatef(0.0f, 0.0f, -50.0f);

gl.glEnable(GL.GL_LIGHTING);
gl.glEnable(GL.GL_LIGHT0);
gl.glEnable(gl.GL_COLOR_MATERIAL);
gl.glEnable(GL.GL_NORMALIZE);
gl.glEnable(GL.GL_DEPTH_TEST);
gl.glClear(GL.GL_COLOR_BUFFER_BIT |GL.GL_DEPTH_BUFFER_BIT );

// X軸回転
gl.glRotatef(50.0f, 1.0f, 0.0f, 0.0f);

double rs = 15d;
gl.glBegin(GL.GL_POLYGON);
gl.glNormal3d(0, 1,0);
// 赤色
gl.glColor3f(1, 0, 0);
gl.glVertex3d(-rs/2, 0.0, rs/2);
// 緑色
gl.glColor3f(0, 1, 0);
gl.glVertex3d(-rs/2, 0.0, -rs/2);
// 青色
gl.glColor3f(0, 0, 1);
gl.glVertex3d(rs/2, 0.0, -rs/2);
// 黄色
gl.glColor3f(1, 1, 0);
gl.glVertex3d(rs/2, 0.0, rs/2);
gl.glEnd();
}

public void reshape(
GLAutoDrawable dr,
int x, int y,
int width, int height){}

public void displayChanged(
GLAutoDrawable dr,
boolean modeChanged,
boolean deviceChanged){}
}
);

GLContext context = buf.createContext(null);
context.makeCurrent();
buf.display();
Screenshot.writeToFile(
new File("sample1381a.png"), width, height, true);
context.release();
context.destroy();
}
}


出力画像(sample1381a.png)
JOGLで描画した4色グラデーションのポリゴン

動作環境
JOGL1.1.1a, JDK6 Update14

Tuesday, December 01, 2009

PyWin32とImageMagickで画像の端を円形にぼかす

PyWin32とImageMagickで画像の端を円形にぼかすには、以下のコードを実行します。


# coding=UTF-8
import win32com.client

im = win32com.client.Dispatch("ImageMagickObject.MagickImage.1")
im.convert("sf.jpg", "-background", "#ffffe0",
"-vignette", "5x5+10+5", "sample1380a.png")


元画像(sf.jpg)


出力画像(sample1380a.png)
PyWin32とImageMagickで画像の端を円形にぼかした結果

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