画像処理についてあれこれ: 2009-06-28

Tuesday, July 07, 2009

Structure Synthでギアを描画する

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

// 18回20度ごと回転させて、半径5で立方体を描画
18 * { ry 20 } 1 * { x 5 color #7799ff } box
// 360回1度ごと回転させて、半径4で立方体を描画
360 * { ry 1 } 1 * { x 4 color #7799ff } box
// 白色の地面
{ y -1 s 200 0.1 200 color white } box

Structure Synthでの出力画像

Sunflowでの出力画像

JOGLで立方体を描画する

JOGLで立方体を描画するには、以下のコードを実行します。


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

public class JoglSample16
{
    // 出力画像サイズ
    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, 40.0f);

                gl.glMatrixMode(GL.GL_MODELVIEW);
                gl.glLoadIdentity();
                gl.glTranslatef(0.0f, 0.0f, -10.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.glEnable(GL.GL_CULL_FACE);
                gl.glClear(GL.GL_COLOR_BUFFER_BIT |GL.GL_DEPTH_BUFFER_BIT );

                gl.glPushMatrix();
                // 面の色を設定
                gl.glColor3f(
                    (float)0x77/(float)0xff, 
                    (float)0x99/(float)0xff, 
                    (float)0xff/(float)0xff
                );
                // X軸回転
                gl.glRotatef(45.0f, 1.0f, 0.0f, 0.0f);
                // Y軸回転
                gl.glRotatef(25.0f, 0.0f, 1.0f, 0.0f);
                // 立方体を描画
                glut.glutSolidCube(2.0f);
                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("sample1174a.png"), width, height, true);
        context.release();
        context.destroy();
    }
}

出力画像(sample1174a.png)

動作環境
JDK6 Upadate13, JOGL 1.1.1

SWFRendererでアイスクリーム形を描画する

SWFRendererでアイスクリーム形を描画するには、以下のコードを実行します。


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

def gr = new SWFRenderer()
gr.renderToFile("sample1053a.swf", 200, 200){
 iceCreamShape( x:0, y:40, width: 200, height:120,
   fill: new Color(0xbb, 0xdd, 0xff, 0xff),
   borderColor: new Color(0x11, 0x33, 0x77, 0xff) )
}

出力SWF(sample1053a.swf)

動作環境
groovy 1.6.0, JDK6 update12

Monday, July 06, 2009

Structure Synthで円形に配置された立方体を描画する

Structure Synthで円形に配置された立方体を描画するには、以下のスクリプトを実行します。

// 18回20度ごと回転させて、半径5で立方体を描画
18 * { ry 20 } 1 * { x 5 color #7799ff } box
// 白色の地面
{ y -1 s 200 0.1 200 color white } box

Structure Synthでの出力画像

出力画像Sunflowreでの出力画像

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
images3.virtual_pixel_method = TileVirtualPixelMethod
images3[0] = images3.distort(ScaleRotateTranslateDistortion, [20])
images.composite(images3, CenterGravity, 0, 0, 
  DstInCompositeOp).write("sample1148a.png")

exit

元画像(sf.jpg)

出力画像(sample1148a.png)

動作環境
ruby1.8.6, rmagick2.9.0

SWFRendererで足形を描画する

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


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

def gr = new SWFRenderer()
gr.renderToFile("sample1052a.swf", 200, 200){
 footShape( x:0, y:30, width:200, height:140,
   fill: new Color(0xbb, 0xdd, 0xff, 0xff),
   borderColor: new Color(0x11, 0x33, 0x77, 0xff) )
}

出力SWF(sample1052a.swf)

動作環境
groovy 1.6.0, JDK6 update12

Sunday, July 05, 2009

Structure Synthでランダムな色相の立方体を描画する

Structure Synthでランダムな色相の立方体を描画するには、以下のスクリプトを実行します。

// 色のリスト定義(ランダムな色相)
set colorpool randomhue
// y軸間隔1.5、z軸間隔1.5、x軸間隔1.5で立方体を10*10*10個描画
10 * { y 1.5 } 10 * { z 1.5 } 10 * { x 1.5 color random } box
// 白色の地面
{ y -1 s 200 0.1 200 color white } box

Structure Synthで出力した画像

Sunflowで出力した画像

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>sample1153(ImageMagick6.5.2)</title>
</head>
<body>
<?php
$im = new Imagick("sf2.jpg");
$im->modulateImage(80, 180, 100);
$im->sketchImage(10,0,135);
$im->spreadImage(2);
$im->oilPaintImage(2);
$im->writeImage('sample1153a.png');

$im->destroy();
?>
<img src="sample1153a.png" /><br />

</body>
</html>

元画像(sf2.jpg)

出力画像(sample1153a.png)

SWFRendererで魚型を描画する

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


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

def gr = new SWFRenderer()
gr.renderToFile("sample1052a.swf", 200, 200){
 fishShape( x:0, y:40, width:200, height:120,
   fill: new Color(0xbb, 0xdd, 0xff, 0xff),
   borderColor: new Color(0x11, 0x33, 0x77, 0xff) )
}

出力画像(sample1052a.swf)

動作環境
groovy 1.6.0, JDK6 update12

Saturday, July 04, 2009

Structure SynthでランダムなRGBの立方体を描画する

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

// 色のリスト定義(ランダムなRGB)
set colorpool randomrgb
// z軸間隔1.5、x軸間隔1.5で立方体を200*200個描画
1 * { s 0.1 } 200 * { z 1.5 } 200 * { x 1.5 color random } box
// 白色の地面
{ y -1 s 200 0.1 200 color white } box

Structure Synthで出力した画像

Sunflowで出力した画像

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

JOGLでワイヤーフレームの四角形を描画する

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


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

public class JoglSample15
{
   // 出力画像サイズ
   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();
               // ワイヤーフレームで四角形を描画
               gl.glBegin(GL.GL_LINE_LOOP);
               gl.glVertex2f(-1,-1);
               gl.glVertex2f(1,-1);
               gl.glVertex2f(1,1);
               gl.glVertex2f(-1,1);
               gl.glEnd();
               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("sample1173a.png"), width, height, true);
       context.release();
       context.destroy();
   }
}

出力画像(sample1173a.png)

動作環境
JDK6 Upadate13, JOGL 1.1.1

SWFRendererでドーナツ形を描画する

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


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

def gr = new SWFRenderer()
gr.renderToFile("sample1051a.swf", 200, 200){
 donut( cx:100, cy:100, ir:50, or:90,
   fill: new Color(0xbb, 0xdd, 0xff, 0xff),
   borderColor: new Color(0x11, 0x33, 0x77, 0xff) )
}

出力SWF(sample1051a.swf)

動作環境
groovy 1.6.0, JDK6 update12

Friday, July 03, 2009

Structure Synthで画像の色からランダムな色の立方体を描画する

Structure Synthで画像の色からランダムな色の立方体を描画するには、以下のスクリプトを実行します。

// 色のリスト定義する画像を指定(画像はStructure Synthのディレクトリに置く)
set colorpool image:sf.png
// z軸間隔1.5、x軸間隔1.5で立方体を200*200個描画
1 * { s 0.1 } 200 * { z 1.5 } 200 * { x 1.5 color random } box
// 白色の地面
{ y -1 s 200 0.1 200 color white } box

色リスト定義の元画像(sf.png)

Structure Synthでの出力画像

Sunflowでの出力画像

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>sample1152(ImageMagick6.5.2)</title>
</head>
<body>
<?php
/* 画像サイズ */
$sw = 200;
$sh = 200;

/* 円の半径 */
$minr = 5;
$maxr = 20;

/* 線の太さ */
$minsw = 3;
$maxsw = 6;

/* 円の数 */
$noc = 30;

/* 円の色 */
$cc = array(
"#7799ff80",
"#ffd02080",
"#ff705080",
"#c0ff9080" 
);

$im = new Imagick();
$im->newImage($sw, $sh, "none");
$im->setImageMatte(true);
$idraw = new ImagickDraw();
$idraw->setFillColor("none");
for($lc=0;$lc<$noc;$lc++){
  $idraw->setStrokeColor($cc[rand(0,count($cc)-1)]);
  $idraw->setStrokeWidth(rand($minsw, $maxsw));
  $rad = rand($minr, $maxr);
  $idraw->ellipse(rand(0,$sw),rand(0,$sh),
    $rad, $rad,0,360);
}
$im->drawImage($idraw);

$im->writeImage('sample1152a.png');

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

</body>
</html>

出力画像(sample1152a.png)

SWFRendererでイルカを描画する

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


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

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

出力SWF(sample1050a.swf)

動作環境
groovy 1.6.0, JDK6 update12

Thursday, July 02, 2009

Structure Synthでランダムな色の立方体を描画する

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

// 色のリスト定義「:」以降はスペースを入れないこと
set colorpool list:#7799ff,white,#225577
// y軸間隔1.5、z軸間隔1.5、x軸間隔1.5で立方体を3*3*3個描画
3 * { y 1.5 } 3 * { z 1.5 } 3 * { x 1.5 color random } box
// 白色の地面
{ y -1 s 200 0.1 200 color white } box

Structure Synthでの出力画像

Sunflowでの出力画像

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

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

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


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

public class JoglSample14
{
   // 出力画像サイズ
   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.glEnable(GL.GL_LINE_STIPPLE);
               gl.glLineStipple(2, (short)0x3333);

               gl.glPushMatrix();
               // X軸回転
               gl.glRotatef(45.0f, 1.0f, 0.0f, 0.0f);
               // Y軸回転
               gl.glRotatef(10.0f, 0.0f, 1.0f, 0.0f);
               // ワイヤフレームで１２面体を描画
               glut.glutWireDodecahedron();
               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("sample1172a.png"), width, height, true);
       context.release();
       context.destroy();
   }
}

出力画像(sample1172a.png)

SWFRendererでCubic curveを描画する

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


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

def gr = new SWFRenderer()
gr.renderToFile("sample1049a.swf", 200, 200){
  cubicCurve( x1: 40, y1:200, ctrlx1:0, ctrly1:50, 
    ctrlx2:200, ctrly2: 0, x2:160, y2:200,
    borderColor: new Color(0x11, 0x33, 0x77, 0xff) )
}

出力SWF(sample1049a.swf)

動作環境
groovy 1.6.0, JDK6 update12

Wednesday, July 01, 2009

Structure Synthでx, y, z軸方向に繰り返し立方体を描画する

Structure Synthでx, y, z軸方向に繰り返し立方体を描画するには、以下のスクリプトを実行します。

// y軸間隔1.5、z軸間隔1.5、x軸間隔1.5で立方体を3*3*3個描画
3 * { y 1.5 } 3 * { z 1.5 } 3 * { x 1.5 color orange } box
// 白色の地面
{ y -1 s 200 0.1 200 color white } box

Structure Synthの出力画像

Sunflowの出力画像

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

JOGLでワイヤーフレームの線の太さを指定する

JOGLでワイヤーフレームの線の太さを指定するには、以下のコードを実行します。


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

public class JoglSample13
{
   // 出力画像サイズ
   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.glLineWidth(4f);

               gl.glPushMatrix();
               // X軸回転
               gl.glRotatef(45.0f, 1.0f, 0.0f, 0.0f);
               // Y軸回転
               gl.glRotatef(20.0f, 0.0f, 1.0f, 0.0f);
               // ワイヤーフレームで円錐を描画
               glut.glutWireCone(2.0f, 3f, 16, 4);
               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("sample1171a.png"), width, height, true);
       context.release();
       context.destroy();
   }
}

出力画像(sample1171a.png)

SWFRendererで十字形を描画する

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


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

def gr = new SWFRenderer()
gr.renderToFile("sample1048a.swf", 200, 200){
 cross( cx: 100, cy: 100, width:20, radius:50,
   fill: new Color(0xbb, 0xdd, 0xff, 0xff),
   borderColor: new Color(0x11, 0x33, 0x77, 0xff) )
}

出力SWF(sample1048a.swf)

動作環境
groovy 1.6.0, JDK6 update12

画像処理についてあれこれ

Tuesday, July 07, 2009

Structure Synthでギアを描画する

JOGLで立方体を描画する

SWFRendererでアイスクリーム形を描画する

Monday, July 06, 2009

Structure Synthで円形に配置された立方体を描画する

RMagickで回転したタイル配置の角丸四角で画像を切り取る

SWFRendererで足形を描画する

Sunday, July 05, 2009

Structure Synthでランダムな色相の立方体を描画する

ImageMagickとPHPで画像を絵画調に変換する - その２

SWFRendererで魚型を描画する

Saturday, July 04, 2009

Structure SynthでランダムなRGBの立方体を描画する

JOGLでワイヤーフレームの四角形を描画する

SWFRendererでドーナツ形を描画する

Friday, July 03, 2009

Structure Synthで画像の色からランダムな色の立方体を描画する

ImageMagickとPHPでランダムな円を描画する

SWFRendererでイルカを描画する

Thursday, July 02, 2009

Structure Synthでランダムな色の立方体を描画する

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

SWFRendererでCubic curveを描画する

Wednesday, July 01, 2009

Structure Synthでx, y, z軸方向に繰り返し立方体を描画する

JOGLでワイヤーフレームの線の太さを指定する

SWFRendererで十字形を描画する

About Me

Labels