Sunday, June 28, 2009

im4javaで画像を点画調に変換する

im4javaで画像を点画調に変換するには、以下のコードを実行します。


import java.util.*;
import org.im4java.core.*;
import org.im4java.process.*;

// im4java-0.98.0-bin.tar.bz2を解凍してim4java-0.98.0.jarはclasspathに通す
public class Im4java28
{
public static void main(String args[])
throws Exception
{
try
{
// ConvertCmd convert = new ConvertCmd();
ImageCommand convert = new WindowsConvertCmd();

IMOperation op = new IMOperation();
op.addImage("sf.jpg");
op.modulate(100.0, 250.0);
op.sketch(0.0, 10.0, 135.0);
op.spread(1);
op.addImage("sample1122a.png");
convert.run(op);
}
catch(CommandException cex)
{
System.out.println(cex.getErrorText());
cex.printStackTrace();
}
}

// im4java 0.98
static class WindowsConvertCmd extends ImageCommand
{
public WindowsConvertCmd()
{
setCommand("cmd");
setCommand("/c");
setCommand("convert");
/* another way
setCommand("C:\\Program Files\\ImageMagick-6.4.9-Q16\\convert");
*/
}
}
}


元画像(sf.jpg)


出力画像(sample1122a.png)
im4javaで点画調に変換した画像

関連情報
im4javaのまとめ

SWFRendererで矢印を描画する

SWFRendererで矢印を描画するには、以下のコードを実行します。


import java.awt.*
import groovy.swing.j2d.swf.*

// groovy 1.6.0, JDK6 update12
def gr = new SWFRenderer()
gr.renderToFile("sample1045a.swf", 200, 200){
arrow( x: 10, y: 10, width: 150, height: 100,
angle:45,
fill: new Color(0xbb, 0xdd, 0xff, 0xff),
borderColor: new Color(0x11, 0x33, 0x77, 0xff) )
}


出力SWF(sample1045a.swf)
SWFRendererで描画した矢印

動作環境
groovy 1.6.0, JDK6 update12

関連項目
groovyで矢印を描画する

Saturday, June 27, 2009

JOGLでワイヤーフレームの球を描画する

JOGLでワイヤーフレームの球を描画するには、以下のコードを実行します。


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

public class JoglSample8
{
// 出力画像サイズ
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)0x77/(float)0xff,
(float)0x99/(float)0xff,
(float)0xff/(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, 40.0f);

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

gl.glClear(GL.GL_COLOR_BUFFER_BIT);

gl.glPushMatrix();
// X軸回転
gl.glRotatef(45.0f, 1.0f, 0.0f, 0.0f);
// Y軸回転
gl.glRotatef(45.0f, 0.0f, 1.0f, 0.0f);
// ワイヤーフレームで球を描画する
glut.glutWireSphere(1.5f, 32, 32);
gl.glPopMatrix();
}

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("sample1166a.png"), width, height, true);
context.release();
context.destroy();
}
}


出力画像(sample1166a.png)
JOGLで描画したワイヤーフレームの球

ImageMagickとPHPで画像をRGBチャネル画像に変換する

Imagickで画像をRGBチャネル画像に変換するには、以下のコードを実行します。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja"
xml:lang="ja" dir="ltr">
<head>
<title>sample1129(ImageMagick6.5.2)</title>
</head>
<body>
<?php
/* 中央スペース */
$spx = 10;
$spy = 10;
/* スケール */
$sc = 0.75;

$im = new Imagick("sf.jpg");
$im->resizeImage($im->getImageWidth()*$sc,
$im->getImageHeight()*$sc,
imagick::FILTER_MITCHELL, 1);

$sx = $im->getImageWidth()*2+$spx;
$sy = $im->getImageHeight()*2+$spy;
$im2 = new Imagick();
$im2->newImage($sx, $sy, "black");

// All channel
$im2->compositeImage($im, Imagick::COMPOSITE_OVER,
0, 0, Imagick::CHANNEL_ALL);


// red channel
$imr = $im->fxImage("0", Imagick::CHANNEL_GREEN | Imagick::CHANNEL_BLUE);
$im2->compositeImage($imr, Imagick::COMPOSITE_COPY,
$im->getImageWidth()+$spx, 0, Imagick::CHANNEL_RED);

// green channel
$img = $im->fxImage("0", Imagick::CHANNEL_RED | Imagick::CHANNEL_BLUE);
$im2->compositeImage($img, Imagick::COMPOSITE_OVER,
0, $im->getImageHeight()+$spy, Imagick::CHANNEL_GREEN);

// blue channel
$imb = $im->fxImage("0", Imagick::CHANNEL_RED | Imagick::CHANNEL_GREEN);
$im2->compositeImage($imb, Imagick::COMPOSITE_OVER,
$im->getImageWidth()+$spx, $im->getImageHeight()+$spy,
Imagick::CHANNEL_BLUE);

$im2->writeImage('sample1129a.png');
$im2->destroy();
$im->destroy();
?>
<img src="sample1129a.png" /><br />

</body>
</html>


元画像(sf.jpg)


出力画像(sample1129a.png)
ImagickでRGBチャネルにわけた画像

SWFRendererで文字列を描画する

SWFRendererで文字列を描画するには、以下のコードを実行します。


import java.awt.*
import groovy.swing.j2d.swf.*

def gr = new SWFRenderer()
gr.renderToFile("sample1044a.swf", 200, 200){
font(new java.awt.Font('MS ゴシック', java.awt.Font.BOLD, 60))
text( x:0, y:70,
text: "日本語",
fill: new Color(0xbb, 0xdd, 0xff, 0xff),
borderColor: new Color(0x11, 0x33, 0x77, 0xff) )
}
// SWFRenderer unsupported operation: fontとメッセージがでるが、
// font指定は効いているようみたい。。。



出力SWF(sample1044a.swf)
SWFRendererで描画した文字列

動作環境
groovy 1.6.0, JDK6 update12

関連項目
groovyで日本語を描画する

Friday, June 26, 2009

Structure Synthで線を描画する

Structure Synthで線を描画するには、以下のスクリプトを実行します。

// 直線
line
// x方向に4移動して、線の長さを2倍
{ x 4 s 2 } line
// x方向に8移動して、z軸30度回転
{ x 8 rz 30 } line


出力画像


関連項目
Structure SynthとSunflowのインストールと連携
Structure Synthで立方体を描画する
Structure Synthでワイヤーフレームの立方体を描画する

RMagickで画像を角丸四角パターンで切り取る

RMagickで画像を角丸四角パターンで切り取るには、以下のコードを実行します。


require 'RMagick'
include Magick

images = ImageList.new("sf.jpg")
images.alpha = ActivateAlphaChannel

images2 = ImageList.new
images2.new_image(20, 20){
self.background_color = "none"
}
dr = Draw.new
dr.fill = "white"
dr.roundrectangle(0,0,18,18,4,4);
dr.draw(images2)

images3 = ImageList.new()
images3.new_image(images.columns, images.rows,
TextureFill.new(images2))
images3.alpha = ActivateAlphaChannel
images.composite(images3, CenterGravity, 0, 0,
DstInCompositeOp).write("sample1147a.png")

exit


元画像(sf.jpg)


出力画像
RMagickを使用して角丸四角パターンで切り取った画像

動作環境
ruby1.8.6, rmagick2.9.0

関連項目
ImageMagickで画像を角丸四角タイルパターンで切り取る (convertコマンドでの同様の処理)

SWFRendererでポリラインを描画する

SWFRendererでポリラインを描画するには、以下のコードを実行します。


import java.awt.*
import groovy.swing.j2d.swf.*

def gr = new SWFRenderer()
gr.renderToFile("sample1043a.swf", 200, 200){
polyline( points: [198,0, 0,100, 198,198],
fill: new Color(0xbb, 0xdd, 0xff, 0xff),
borderColor: new Color(0x11, 0x33, 0x77, 0xff) )
}


出力SWF(sample1043a.swf)
SWFRendererで描画したポリライン

動作環境
groovy 1.6.0, JDK6 update12

関連項目
groovyでポリラインを描画する

Thursday, June 25, 2009

Structure Synthで球を描画する

Structure Synthで球を描画するには、以下のスクリプトを実行します。

// 球
sphere
// x方向に4移動、グリッドのxyz軸を1.5倍にする
{ x 4 s 1.5 } sphere
// x方向に8移動、グリッドのx,z軸を2倍にする
// のはReferenceに書いてあるように正しく動作しない。
// (楕円がかけない。ver0.9.5時点)
{ x 8 s 2 1 2 } sphere

出力画像
Structure Synthで描画した球

関連項目
Structure SynthとSunflowのインストールと連携

JOGLでワイヤーフレームのドーナツ型を描画する

JOGLでワイヤーフレームのドーナツ型を描画するには、以下のコードを実行します。


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

public class JoglSample11
{
// 出力画像サイズ
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)0x77/(float)0xff,
(float)0x99/(float)0xff,
(float)0xff/(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, 40.0f);

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

gl.glClear(GL.GL_COLOR_BUFFER_BIT);

gl.glPushMatrix();
// X軸回転
gl.glRotatef(20.0f, 1.0f, 0.0f, 0.0f);
// Y軸回転
gl.glRotatef(45.0f, 0.0f, 1.0f, 0.0f);
// ワイヤーフレームでドーナツを描画する
glut.glutWireTorus(0.5f, 1f, 32, 16);
gl.glPopMatrix();
}

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("sample1169a.png"), width, height, true);
context.release();
context.destroy();
}
}


出力画像(sample1169a.png)
JOGLで描画したワイヤーフレームのドーナツ型

SWFRendererでポリゴンを描画する

SWFRendererでポリゴンを描画するには、以下のコードを実行します。


import java.awt.*
import groovy.swing.j2d.swf.*

// groovy 1.6.0, JDK6 update12
def gr = new SWFRenderer()
gr.renderToFile("sample1042a.swf", 200, 200){
polygon( points: [100,0, 0,198, 198,198],
fill: new Color(0xbb, 0xdd, 0xff, 0xff),
borderColor: new Color(0x11, 0x33, 0x77, 0xff) )
}


出力SWF(sample1042a.swf)
SWFRendererで描画したポリゴン

動作環境
Groovy1.6.0, JDK1.6 Update12

関連項目
groovyでポリゴンを描画する

Wednesday, June 24, 2009

Structure Synthでワイヤーフレームの立方体を描画する

Structure Synthでワイヤーフレームの立方体を描画するには、以下のスクリプトを実行します。

// グリッド
grid
// x方向に4移動、グリッドのxyz軸を1/2倍にする
{ x 4 s 0.5 } grid
// x方向に8移動、グリッドのx,z軸を1/2倍に、y軸を4倍にする
{ x 8 s 0.5 4 0.5 } grid

出力画像

im4javaで画像に枠をつける

im4javaで画像に枠をつけるには、以下のコードを実行します。


import java.util.*;
import org.im4java.core.*;
import org.im4java.process.*;

// im4java-0.98.0-bin.tar.bz2を解凍してim4java-0.98.0.jarはclasspathに通す
public class Im4java27
{
public static void main(String args[])
throws Exception
{
try
{
// ConvertCmd convert = new ConvertCmd();
ImageCommand convert = new WindowsConvertCmd();

IMOperation op = new IMOperation();
op.addImage("sf.jpg");
op.bordercolor("#fbfaf7");
op.border(10,10);
op.bordercolor("#918164");
op.border(5,5);
op.addImage("sample1121a.png");
convert.run(op);
}
catch(CommandException cex)
{
System.out.println(cex.getErrorText());
cex.printStackTrace();
}
}

// im4java 0.98
static class WindowsConvertCmd extends ImageCommand
{
public WindowsConvertCmd()
{
setCommand("cmd");
setCommand("/c");
setCommand("convert");
/* another way
setCommand("C:\\Program Files\\ImageMagick-6.4.9-Q16\\convert");
*/
}
}
}


元画像(sf.jpg)


出力画像(sample1121a.png)
im4javaで枠をつけた画像

関連情報
im4javaのまとめ

ImageMagickで枠をつける (convertコマンドでの同様の処理)

SWFRendererで角丸四角を描画する

SWFRendererで角丸四角を描画するには、以下のコードを実行します。


import java.awt.*
import groovy.swing.j2d.swf.*

// groovy 1.6.0, JDK6 update12
def gr = new SWFRenderer()
gr.renderToFile("sample1041a.swf", 200, 200){
rect( x:10, y:10, width:180, height:180,
arcWidth: 20, arcHeight:20,
fill: new Color(0xbb, 0xdd, 0xff, 0xff),
borderColor: new Color(0x11, 0x33, 0x77, 0xff) )
}


出力画像(sample1041a.swf)
SWFRendererで描画した角丸四角

関連項目
groovyで角丸四角を描画する (GraphicsRendererでの同様の処理)

Tuesday, June 23, 2009

JOGLでワイヤーフレームのひし形12面体を描画する

JOGLでワイヤーフレームのひし形12面体を描画するには、以下のコードを実行します。


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

public class JoglSample7
{
// 出力画像サイズ
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)0x77/(float)0xff,
(float)0x99/(float)0xff,
(float)0xff/(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, 40.0f);

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

gl.glClear(GL.GL_COLOR_BUFFER_BIT);

gl.glPushMatrix();
// X軸回転
gl.glRotatef(45.0f, 1.0f, 0.0f, 0.0f);
// Y軸回転
gl.glRotatef(45.0f, 0.0f, 1.0f, 0.0f);
// ワイヤーフレームでひし形12面体を描画
glut.glutWireRhombicDodecahedron();
gl.glPopMatrix();
}

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("sample1165a.png"), width, height, true);
context.release();
context.destroy();
}
}


出力画像(sample1165a.png)
JOGLで描画したひし形12面体

ImageMagickとPHPで回転させたぼかし四角で画像を切り取る

Imagickで回転させたぼかし四角で画像を切り取るには、以下のコードを実行します。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja"
xml:lang="ja" dir="ltr">
<head>
<title>sample1128(ImageMagick6.5.2)</title>
</head>
<body>
<?php
$im = new Imagick("sf.jpg");
$iw = $im->getImageWidth();
$ih = $im->getImageHeight();
$im2 = new Imagick();
$im2->newImage($iw, $ih, "none");
$im2->setImageVirtualPixelMethod(Imagick::VIRTUALPIXELMETHOD_TRANSPARENT);
$im2->setImageMatte(true);
$idraw = new ImagickDraw();
$idraw->setFillColor("blue");
$rx = $iw/2;
$ry = $ih/4;
$rw = $iw/2;
$rh = $ih/2;
$idraw->rectangle($rx,$ry,$rx+$rw,$ry+$rh);
$im2->drawImage($idraw);
$args1 = array($rx+$rw/2, $ry+$rh/2, 1, -30);
//$im->distortImage(Imagick::DISTORTION_SCALEROTATETRANSLATE,
// $args1, false);
// ScaleRotateTranslateDistortion in distort.h
$im2->distortImage(3, $args1, false);
$im2->blurImage(0, 10);
$im2->compositeImage($im, Imagick::COMPOSITE_IN, 0, 0,
Imagick::CHANNEL_ALL);
$im2->writeImage('sample1128a.png');
$idraw->destroy();
$im2->destroy();
$im->destroy();
?>
<img src="sample1128a.png" /><br />

</body>
</html>


元画像(sf.jpg)


出力画像(sample1128a.png)
Imagickで回転させたぼかし四角で切り取った画像
関連項目
ImageMagickとPHPで画像を回転させる - その2

SWFRendererで楕円を描画する

SWFRendererで楕円を描画するには、以下のコードを実行します。


import java.awt.*
import groovy.swing.j2d.swf.*

// groovy 1.6.0, JDK6 update12
def gr = new SWFRenderer()
gr.renderToFile("sample1040a.swf", 200, 200){
ellipse( cx:100, cy:100, radiusx:80, radiusy:40,
fill: new Color(0xbb, 0xdd, 0xff, 0xff),
borderColor: new Color(0x11, 0x33, 0x77, 0xff) )
}


出力SWF(sample1040a.swf)
SWFRendererで描画した楕円

動作環境
Groovy1.6.0, JDK1.6 Update12

Monday, June 22, 2009

Structure Synthで立方体を描画する

Structure Synthで立方体を描画するには、以下のスクリプトを実行します。

// 立方体
box
// x方向に4移動、立方体のxyz軸を2倍にする
{ x 4 s 2 } box
// x方向に8移動、立方体のx,z軸を2倍に、y軸を0.1倍にする
{ x 8 s 2 0.1 2 } box

出力画像


関連項目
Structure SynthとSunflowのインストールと連携

JOGLでワイヤーフレームの4面体を描画する

JOGLでワイヤーフレームの4面体を描画するには、以下のコードを実行します。


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

public class JoglSample10
{
// 出力画像サイズ
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)0x77/(float)0xff,
(float)0x99/(float)0xff,
(float)0xff/(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, 40.0f);

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

gl.glClear(GL.GL_COLOR_BUFFER_BIT);

gl.glPushMatrix();
// X軸回転
gl.glRotatef(45.0f, 1.0f, 0.0f, 0.0f);
// Y軸回転
gl.glRotatef(30.0f, 0.0f, 1.0f, 0.0f);
// ワイヤーフレームで4面体を描画する
glut.glutWireTetrahedron();
gl.glPopMatrix();
}

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("sample1168a.png"), width, height, true);
context.release();
context.destroy();
}
}


出力画像(sample1168a.png)
JOGLで描画したワイヤーフレームの4面体

動作環境
JDK6 Upadate13, JOGL 1.1.1

SWFRendererで線を描画する

SWFRendererで線を描画するには、以下のコードを実行します。


import java.awt.*
import groovy.swing.j2d.swf.*

// groovy 1.6.0, JDK6 update12
def gr = new SWFRenderer()
gr.renderToFile("sample1039a.swf", 200, 200){
line( x1:0, y1:0, x2: 200, y2:200,
borderColor: new Color(0x11, 0x33, 0x77, 0xff),
borderWidth: 10 )
// bug? borderWidthが効かないみたい。。
}


出力SWF(sample1039a.swf)
SWFRendererで描画した線

動作環境
Groovy1.6.0, JDK1.6 Update12

Saturday, June 20, 2009

Structure SynthとSunflowのインストールと連携

Structure SynthとSunflowのインストールと連携は以下の手順を実行します。

1.Structure Synthのdownload
http://structuresynth.sourceforge.net/download.php
上記URLからStructure-Synth-Windows_Binary-v0.9.5.zipを
ダウンロード後、適当なパスに解凍します。

2.Sunflowのダウンロード
http://sunflow.sourceforge.net/index.php
上記URLからsunflow-bin-v0.07.2をダウンロード後、
適当なパスに解凍します。

3.Sunflowバッチファイル変更
解凍したsunflowに含まれるsunflow.batを開き、
@set javadir="c:\program files\java\jdk1.6.0"
となっている行を環境に合わせて変更します。
JDK6 Update 13の場合は、以下のように変更します。
@set javadir="c:\program files\java\jdk1.6.0_13"

4.Structure Synthの起動とサンプルの実行
StructureSynth.exeをダブルクリックして起動し、
Examples -> Arc Sphere.esをメニューから選択します。
再生ボタンのようなアイコンをクリックします。



5.画像の保存
Render -> Save as Bitmap...メニューを選択して
表示された画像を保存できます。



6.sunflowシーンファイルの保存
Render -> Template Render to File
-> Sunflow-Colored.rendertemplateメニューを選択し
シーンファイルを保存します。
ファイル名の拡張子には.scを指定します。(ArchSphere.scなど)

7.コマンドプロンプトなどからsunflow.batを実行します。
File -> Openメニューを選択して、先ほど保存したシーンファイルを
開きます。Imageウインドウ内のRenderボタンをクリックします。



8.イメージの保存
Image -> Save Imageメニューを選択してレンダリングした画像を
保存できます。

JOGLでワイヤーフレームのティーポットを描画する

JOGLでワイヤーフレームのティーポットを描画するには、以下のコードを実行します。


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

public class JoglSample9
{
// 出力画像サイズ
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)0x77/(float)0xff,
(float)0x99/(float)0xff,
(float)0xff/(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, 40.0f);

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

gl.glClear(GL.GL_COLOR_BUFFER_BIT);

gl.glPushMatrix();
// X軸回転
gl.glRotatef(45.0f, 1.0f, 0.0f, 0.0f);
// Y軸回転
gl.glRotatef(45.0f, 0.0f, 1.0f, 0.0f);
// ワイヤーフレームでティーポットを描画
glut.glutWireTeapot(1.5f);
gl.glPopMatrix();
}

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("sample1167a.png"), width, height, true);
context.release();
context.destroy();
}
}


出力画像(sample1167a.png)
JOGLで描画したワイヤーフレームのティーポット


動作環境
JDK6 Upadate13, JOGL 1.1.1

SWFRendererで円を描画する

SWFRendererで円を描画するには、以下のコードを実行します。


import java.awt.*
import groovy.swing.j2d.swf.*

def gr = new SWFRenderer()
gr.renderToFile("sample1038a.swf", 200, 200){
circle( cx:100, cy:100, radius:80,
fill: new Color(0xbb, 0xdd, 0xff, 0xff),
borderColor: new Color(0x11, 0x33, 0x77, 0xff) )
}


出力SWF(sample1038a.swf)
SWFRendererで描画した円

動作環境
Groovy1.6.0, JDK1.6 Update12

関連項目
groovyで円を描画する

im4javaで英文字列を描画する

im4javaで英文字列を描画するには、以下のコードを実行します。


import java.util.*;
import org.im4java.core.*;
import org.im4java.process.*;

// im4java-0.98.0-bin.tar.bz2を解凍してim4java-0.98.0.jarはclasspathに通す
public class Im4java26
{
public static void main(String args[])
throws Exception
{
try
{
// ConvertCmd convert = new ConvertCmd();
ImageCommand convert = new WindowsConvertCmd();

IMOperation op = new IMOperation();
op.size(200, 200);
op.addImage("xc:white");
op.font("Tahoma");
op.pointsize(50);
op.gravity("center");
op.fill("#7799ff");
op.draw("text 0,0 'im4java'");
op.addImage("sample1120a.png");
convert.run(op);
}
catch(CommandException cex)
{
System.out.println(cex.getErrorText());
cex.printStackTrace();
}
}

// im4java 0.98
static class WindowsConvertCmd extends ImageCommand
{
public WindowsConvertCmd()
{
setCommand("cmd");
setCommand("/c");
setCommand("convert");
/* another way
setCommand("C:\\Program Files\\ImageMagick-6.4.9-Q16\\convert");
*/
}
}
}


出力画像(sample1120a.png)
im4javaで描画した英文字列

関連情報
im4javaのまとめ

SWFRendererで四角を描画する

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

import java.awt.*
import groovy.swing.j2d.swf.*

def gr = new SWFRenderer()
gr.renderToFile("sample1029a.swf", 200, 200){
rect( x:50, y:20, width:100, height:160,
fill: new Color(0xbb, 0xdd, 0xff, 0xff),
borderColor: new Color(0x11, 0x33, 0x77, 0xff) )
}

出力SWF(sample1029a.swf)


関連項目
groovyで四角を描画する

Friday, June 19, 2009

JOGLでワイヤーフレームの8面体を描画する

JOGLでワイヤーフレームの8面体を描画するには、以下のコードを実行します。


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

public class JoglSample6
{
// 出力画像サイズ
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)0x77/(float)0xff,
(float)0x99/(float)0xff,
(float)0xff/(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, 40.0f);

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

gl.glClear(GL.GL_COLOR_BUFFER_BIT);

gl.glPushMatrix();
// X軸回転
gl.glRotatef(45.0f, 1.0f, 0.0f, 0.0f);
// Y軸回転
gl.glRotatef(30.0f, 0.0f, 1.0f, 0.0f);
// ワイヤーフレームの8面体を描画
glut.glutWireOctahedron();
gl.glPopMatrix();
}

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("sample1164a.png"), width, height, true);
context.release();
context.destroy();
}
}


出力画像(sample1164a.png)
JOGLで描画したワイヤフレームの8面体

groovyで任意の2色のグラデーションでバースト状に塗りつぶす

groovyで任意の2色のグラデーションでバースト状に塗りつぶすには、以下のコードを実行します。


import groovy.swing.j2d.*
import com.jhlabs.image.*

def gr = new GraphicsRenderer()
gr.renderToFile("sample994a.png", 200, 200){
antialias("on")
dolphinShape( x:0, y:20, width:200, height:160,
fill:color("#ffffff"), borderColor:no ){
filters {
lc = new LinearColormap((int)0xFF3070A0, (int)0xFFFFFFFF)
shapeBurst(colormap: lc)
}
}
}


出力画像(sample994a.png)
groovyで任意の2色のバースト状グラデーションで塗りつぶした画像

動作環境
Groovy1.6.0, JDK1.6 Update12

関連項目
groovyでバースト状にシェイプを塗りつぶす
groovyで図形をグラデーションで塗りつぶす
groovyでストロークにグラデーションをかける
groovyで図形を虹色グラデーションで塗りつぶす

Thursday, June 18, 2009

ImageMagickとPHPで画像を回転させる - その2

Imagickで任意の位置を基点として画像を回転させるには、以下のコードを実行します。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja"
xml:lang="ja" dir="ltr">
<head>
<title>sample1127(ImageMagick6.5.2)</title>
</head>
<body>
<?php
// 画面の中央で回転
$im = new Imagick("sf.jpg");
$im->setImageVirtualPixelMethod(Imagick::VIRTUALPIXELMETHOD_TRANSPARENT);
$im->setImageMatte(true);
$args1 = array(45);
//$im->distortImage(Imagick::DISTORTION_SCALEROTATETRANSLATE,
// $args1, false);
// ScaleRotateTranslateDistortion in distort.h
$im->distortImage(3, $args1, false);
$im->writeImage('sample1127a.png');
$im->destroy();

// 画面の水平方向中央の下端で回転
$im2 = new Imagick("sf.jpg");
$im2->setImageVirtualPixelMethod(Imagick::VIRTUALPIXELMETHOD_TRANSPARENT);
$im2->setImageMatte(true);
$args2 = array($im2->getImageWidth()/2,
$im2->getImageHeight(),1,45);
//$im->distortImage(Imagick::DISTORTION_SCALEROTATETRANSLATE,
// $args2, false);
// ScaleRotateTranslateDistortion in distort.h
$im2->distortImage(3, $args2, false);
$im2->writeImage('sample1127b.png');
$im2->destroy();
?>
<img src="sample1127a.png" /><br />
<img src="sample1127b.png" /><br />

</body>
</html>


元画像(sf.jpg)


出力画像1(sample1127a.png):画面中央で回転
Imagickで画面中央を中心として回転させた画像

出力画像2(sample1127b.png):画面の水平方向中央の下端で回転
Imagickで画像下中央を中心として回転させた画像

関連項目
ImageMagickとPHPで画像を回転させる

groovyでSVGをPNGにレンダリングする

groovyでSVGをPNGにレンダリングするには、以下のコードを実行します。


import java.lang.ref.*
import java.awt.*
import java.awt.image.*
import javax.imageio.*
import org.apache.batik.bridge.*
import org.apache.batik.dom.svg.*
import org.apache.batik.util.*
import org.w3c.dom.svg.*
import org.apache.batik.ext.awt.*;

img = new BufferedImage(300, 300, BufferedImage.TYPE_INT_ARGB)
parser = XMLResourceDescriptor.getXMLParserClassName()
SAXSVGDocumentFactory factory = new SAXSVGDocumentFactory(parser)
svgf = new File("./masked-image-dropshadow.svg");
URI furi = svgf.toURI();
svgd = factory.createDocument(furi.toString());
userAgentAdapter = new UserAgentAdapter();
bridgeContext = new BridgeContext(userAgentAdapter);
builder = new GVTBuilder();
rsvgn = builder.build(bridgeContext, svgd)
Graphics2D g2d = img.getGraphics()
g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
RenderingHints.VALUE_ANTIALIAS_ON)
g2d.setRenderingHint(RenderingHints.KEY_INTERPOLATION,
RenderingHints.VALUE_INTERPOLATION_BILINEAR)
//g2d.getRenderingHints().remove(RenderingHintsKeyExt.KEY_BUFFERED_IMAGE);
g2d.setRenderingHint(RenderingHintsKeyExt.KEY_BUFFERED_IMAGE, new WeakReference(img));
rsvgn.paint(g2d);
g2d.dispose();
ImageIO.write(img, "png", new File("sample993a.png"));


元画像(sf.jpg)


入力SVG(masked-image-dropshadow.svg)

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="300" height="300">

<defs>
<mask id="mask1" maskUnits="userSpaceOnUse"
x="0" y="0" width="300" height="300">
<rect x="50" y="50" width="200" height="200"
rx="20" ry="20"
style="fill:#ffffff; "/>
</mask>
<filter id="gbf">
<feGaussianBlur in="SourceAlpha" stdDeviation="4" result="shadow"/>
<feOffset in="shadow" dx="4" dy="4" result="shadow2"/>
<feComposite in="SourceGraphic" in2="shadow2" operator="over"/>
</filter>
</defs>

<g filter="url(#gbf)">
<image x="50" y="50" width="200px" height="200px"
xlink:href="sf.jpg" mask="url(#mask1)" >
<title>sf.jpg</title>
</image>
</g>
<!--mask="url(#mask1)" -->
</svg>


出力画像(sample993a.png)
groovyでSVGをPNGに変換した画像

Wednesday, June 17, 2009

ImageMagickで手書きで塗りつぶしたような文字列を描画する

ImageMagickで手書きで塗りつぶしたような文字列を描画するには、以下のバッチファイルを実行します。

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

%im%\convert.exe -size 200x200 xc:gray25 -alpha activate -sketch 0x10+135 ( -size 200x200 xc:none -font "Tahoma" -pointsize 120 -gravity center -annotate 0 IM ) -compose dst_in -composite sample1131a.png

出力画像(sample1131a.png)



関連項目
ImageMagickで光沢のある文字列のプレートを描画する
ImageMagickで透明な文字列を描画する - その2
ImageMagickで手書き風の文字列を描画する

SVGRendererで図形を回転させる

SVGRendererで図形を回転させるには、以下のコードを実行します。


import groovy.swing.j2d.svg.*

gr = new SVGRenderer()
gr.renderToFile("sample992a.svg", 200, 200){
butterflyShape( x: 0, y: 0, width: 200, height: 200,
fill: color("#bbddff"),
borderColor: color("#103080"),
borderWidth: 2
){
transformations{
rotate(angle:45, x:100, y:100)
}
}
}


出力SVG(sample992a.svg)をPNGでレンダリングした画像
SVGRendererで図形を回転させた画像


動作環境
Groovy1.6.0, JDK1.6 Update12

関連項目
groovyで図形を回転させる (GraphicsRendererでの同様の処理)

Tuesday, June 16, 2009

RMagickで文字列画像に半透明の濃淡をつける

RMagickで文字列画像に半透明の濃淡をつけるには、以下のコードを実行します。


require 'RMagick'
include Magick

images = ImageList.new
images.new_image(200, 40){
self.background_color = "none"
}
dr = Draw.new
dr.fill = "#aaccf8"
# フォント
dr.font = "Tahoma"
# ポイントサイズ
dr.pointsize = 30
dr.gravity = CenterGravity
dr.text(0, 0, "ImageMagick")
dr.draw(images)
images[0] = images.blur_channel(0,1,AllChannels)

images2 = ImageList.new()
images2.read("plasma:fractal"){
self.size = "200x40"
}
images2.alpha = ActivateAlphaChannel
images2.colorspace = GRAYColorspace
images2[0] = images2.modulate(0.8, 1, 1).
blur_channel(0,3,AllChannels)
images2[0] = images2.fx("r", AlphaChannel)
images.composite(images2, CenterGravity, 0, 0,
DstOutCompositeOp).write("sample1146a.png")


出力画像(sample1146a.png)


動作環境
ruby1.8.6, rmagick2.9.0

関連項目
ImageMagickで文字画像に半透明の濃淡をつける (convertコマンドでの同様の処理)

im4javaで画像を4色グレースケール画像に変換する

im4javaで画像を4色グレースケール画像に変換するには、以下のコードを実行します。


import java.util.*;
import org.im4java.core.*;
import org.im4java.process.*;

// im4java-0.98.0-bin.tar.bz2を解凍してim4java-0.98.0.jarはclasspathに通す
public class Im4java25
{
public static void main(String args[])
throws Exception
{
try
{
// ConvertCmd convert = new ConvertCmd();
ImageCommand convert = new WindowsConvertCmd();

IMOperation op = new IMOperation();
op.addImage("sf.jpg");
op.colorspace("gray").colors(4);
op.addImage("sample1119a.png");
convert.run(op);
}
catch(CommandException cex)
{
System.out.println(cex.getErrorText());
cex.printStackTrace();
}
}

// im4java 0.98
static class WindowsConvertCmd extends ImageCommand
{
public WindowsConvertCmd()
{
setCommand("cmd");
setCommand("/c");
setCommand("convert");
/* another way
setCommand("C:\\Program Files\\ImageMagick-6.4.9-Q16\\convert");
*/
}
}
}


元画像(sf.jpg)


出力画像(sample1119a.png)


関連情報
im4javaのまとめ

im4javaで画像をグレースケールに変換する

ImageMagickで画像を4色グレースケールの画像に減色する (convertコマンドでの同様の処理)

SVGRendererで透明な文字列を描画する

SVGRendererで透明な文字列を描画するには、以下のコードを実行します。


import groovy.swing.j2d.svg.*

gr = new SVGRenderer()
gr.renderToFile("sample991a.svg", 200, 200){
image(file: "sf.jpg")
font(new java.awt.Font('Tahoma', java.awt.Font.BOLD, 110))
subtract( borderColor: no, fill: 'black', opacity:0.5){
rect(x:20, y:20, width: 160, height: 160)
text( x:30, y:60, text: "SF")
}
}


元画像(sf.jpg)


出力SVG(sample991a.svg)をPNGにレンダリングした画像
SVGRendererで透明な文字列を描画した画像

動作環境
Groovy1.6.0, JDK1.6 Update12

関連項目
groovyで透明な文字列を描画する (GraphicsRendererでの同様の処理)

Monday, June 15, 2009

SVGRendererで文字列にドロップシャドウをつける

SVGRendererで文字列にドロップシャドウをつけるには、以下のコードを実行します。


import groovy.swing.j2d.svg.*

gr = new SVGRenderer()
gr.renderToFile("sample990a.svg", 200, 200){
image(file: "SF.JPG")
font(new java.awt.Font('Tahoma', java.awt.Font.BOLD, 26))
text( x:10, y:80,
text: "San Francisco",
fill: color("#ffffff"),
borderColor: no
){
filters {
dropShadow()
}
}
}


元画像(sf.jpg)


出力画像(sample990a.svg)
SVGRendererで文字列にドロップシャドウをつけた画像

動作環境
Groovy1.6.0, JDK1.6 Update12

関連項目
groovyで画像の上に影付き文字列を描画する (GraphicsRendererでの同様の処理)

ImageMagickとPHPでラインキャップ、ラインジョインを設定する

Imagickでラインキャップ、ラインジョインを設定するには、以下のコードを実行します。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja"
xml:lang="ja" dir="ltr">
<head>
<title>sample1113(ImageMagick6.5.2)</title>
</head>
<body>
<?php
$im = new Imagick();
$im->newImage(200,200,"none");

$idraw = new ImagickDraw();
$idraw->setFillColor("none");
$idraw->setStrokeColor("#99bbff");
$idraw->setStrokeWidth(20);
/* ラインキャップの種類を指定 */
$idraw->setStrokeLineCap(Imagick::LINECAP_ROUND);
/* ラインジョインの種類を指定 */
$idraw->setStrokeLineJoin(Imagick::LINEJOIN_ROUND);

$points[] = array('x' => 20, 'y' => 180);
$points[] = array('x' => 100, 'y' => 20);
$points[] = array('x' => 180, 'y' => 180);
$idraw->polyline($points);
$im->drawImage($idraw);

$im->writeImage('sample1113a.png');
$idraw->destroy();
$im->destroy();
?>
<img src="sample1113a.png" /><br />

</body>
</html>


出力画像(sample1113a.png)
Imagickでラインキャップ・ラインジョインを設定した画像

JOGLでワイヤーフレームの20面体を描画する

JOGLでワイヤーフレームの20面体を描画するには、以下のコードを実行します。


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

public class JoglSample5
{
// 出力画像サイズ
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)0x77/(float)0xff,
(float)0x99/(float)0xff,
(float)0xff/(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, 40.0f);

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

gl.glClear(GL.GL_COLOR_BUFFER_BIT);

gl.glPushMatrix();
// X軸回転
gl.glRotatef(45.0f, 1.0f, 0.0f, 0.0f);
// Y軸回転
gl.glRotatef(20.0f, 0.0f, 1.0f, 0.0f);
// ワイヤーフレームの20面体を描画する
glut.glutWireIcosahedron();
gl.glPopMatrix();
}

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("sample1163a.png"), width, height, true);
context.release();
context.destroy();
}
}


出力画像(sample1163a.png)
JOGLで描画したワイヤーフレームの20面体