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

Thursday, July 09, 2009

Structure Synthでリングを描画する

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

// 1440回0.25度ごと回転させて、半径5で球を描画
1440 * { ry 0.25 } 1 * { x 5 color #7799ff } sphere
// 白色の地面
{ 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 JoglSample17
{
   // 出力画像サイズ
   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, -1.0f, -15.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(-70.0f, 1.0f, 0.0f, 0.0f);
               // Y軸回転
               gl.glRotatef(10.0f, 0.0f, 1.0f, 0.0f);
               // 円錐を描画
               glut.glutSolidCone(2.0f, 3.5f, 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("sample1175a.png"), width, height, true);
       context.release();
       context.destroy();
   }
}

出力画像(sample1175a.png)

動作環境
JDK6 Upadate13, JOGL 1.1.1

SWFRendererで車の形を描画する

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


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

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

出力SWF(sample1055a.swf)

動作環境
groovy 1.6.0, JDK6 update12

Wednesday, July 08, 2009

Structure Synthでギアが重なった画像を生成する

Structure Synthでギアが重なった画像を生成するには、以下のスクリプトを実行します。

// 20回y軸5度ずつ回転させてy軸方向に1.5移動を繰り返して以下を実行
// 18回20度ごと回転させて、半径5で立方体を描画
20 * { ry 5 y 1.2 } 18 * { ry 20 } 1 * { x 5 color #7799ff } box
// 20回y軸5度ずつ回転させてy軸方向に1.5移動を繰り返して以下を実行
// 360回1度ごと回転させて、半径4で立方体を描画
20 * { ry 5 y 1.2 } 360 * { ry 1 } 1 * { x 4 color #7799ff } 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>sample1154(ImageMagick6.5.2)</title>
</head>
<body>
<?php
$im = new Imagick("sf2.jpg");
$im->modulateImage(100, 50, 100);
$im->spreadImage(3);
$im->motionBlurImage(0,7,270);
$im->tintImage(new ImagickPixel("#bbddff"),new ImagickPixel("#f0f0f0"));
$im->writeImage('sample1154a.png');

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

</body>
</html>

元画像(sf2.jpg)

出力画像(sample1154a.png)

SWFRendererで二次曲線を描画する

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


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

def gr = new SWFRenderer()
gr.renderToFile("sample1054a.swf", 200, 200){
  quadCurve( x1:200, y1:0, ctrlx:0, ctrly: 100,
    x2:200, y2:200,
    borderColor: new Color(0x11, 0x33, 0x77, 0xff) )
}

出力SWF(sample1054a.swf)

動作環境
groovy 1.6.0, JDK6 update12

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, 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では背景色指定は無視される？？)