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

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, June 30, 2009

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

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

// z軸間隔1.5、x軸間隔1.5で立方体を3*3個描画
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のインストールと連携

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>sample1105(ImageMagick6.5.2)</title>
</head>
<body>
<?php
$im = new Imagick("sf.jpg");
$im->setImageVirtualPixelMethod(Imagick::VIRTUALPIXELMETHOD_TILE);
$points = array(0.25, 60);
//$im->distortImage(Imagick::DISTORTION_SCALEROTATETRANSLATE, 
// $points, false);
// ScaleRotateTranslateDistortion in distort.h
$im->distortImage(3, $points, false);

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

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

</body>
</html>

元画像(sf.jpg)

出力画像(sample1105a.png)

SWFRendererで蝶を描画する

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


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

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

出力SWF(sample1047a.swf)

動作環境
groovy 1.6.0, JDK6 update12

Monday, June 29, 2009

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

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

// x軸間隔1.5で水色っぽい立方体を３個描画
3 * { x 1.5 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 JoglSample12
{
  // 出力画像サイズ
  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)0xff/(float)0xff,
                  (float)0xff/(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.glColor3f((float)0x77/(float)0xff,
                  (float)0x99/(float)0xff,
                  (float)0xff/(float)0xff);

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

出力画像(sample1170a.png)

SWFRendererで吹き出しを描画する

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


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

// groovy 1.6.0, JDK6 update12
def gr = new SWFRenderer()
gr.renderToFile("sample1046a.swf", 200, 200){
  balloon( x: 80, y: 20, width: 100, height: 100, 
    fill: color("#bbddff"),
    tabLocation: "left",
    tabDisplacement: 0.8,
    tabHeight: 10,
    tabWidth: 10,
    fill: new Color(0xbb, 0xdd, 0xff, 0xff),
    borderColor: new Color(0x11, 0x33, 0x77, 0xff) )
}

出力SWF(sample1046a.swf)

Sunday, June 28, 2009

Structure Synthで指定の色の立方体を描画する

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

// 背景色設定
set background #f0f0f0
// 水色っぽい立方体
{ y 0.5 s 2 color #7799ff } box
// 明るい灰色の地面
{ y -1 s 200 0.1 200 color lightgray } box

Structure Synthでの出力画像

Sunflowでの出力画像(Sunflowでは背景色指定は無視される？？)

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)

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)

動作環境
groovy 1.6.0, JDK6 update12

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

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

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で十字形を描画する

Tuesday, June 30, 2009

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

ImageMagickとPHPで画像をタイル配置して回転させる

SWFRendererで蝶を描画する

Monday, June 29, 2009

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

JOGLでワイヤーフレームの色を指定する

SWFRendererで吹き出しを描画する

Sunday, June 28, 2009

Structure Synthで指定の色の立方体を描画する

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

SWFRendererで矢印を描画する

About Me

Labels