画像処理についてあれこれ: 2009-07-05

Saturday, July 11, 2009

Structure Synthでストーンヘンジ風の画像を描画する

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

// 5つのゲートを72度ずつy軸回転させる
5 * { ry 72 } 1 * { x 6 } gate
// ゲートのルール
rule gate {
{ z -2 y 2 s 1 4 1 color #d0d0d0 } box
{ z 2 y 2 s 1 4 1 color #d0d0d0 } box
{ y 4 s 1 1 6 color #d0d0d0 } box
}

// 白色の地面
{ y 0 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>sample1155(ImageMagick6.5.2)</title>
</head>
<body>
<?php
$im = new Imagick("sf2.jpg");
$im->evaluateImage(imagick::EVALUATE_MULTIPLY, 0.5);
$im->modulateImage(130, 20, 100);
$im->medianFilterImage(2);
$im->sepiaToneImage(80);
$im->writeImage('sample1155a.png');

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

</body>
</html>

元画像(sf2.jpg)

出力画像(sample1155a.png)

SWFRendererでサイの形を描画する

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


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

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

出力SWF(sample1057a.swf)

動作環境
groovy 1.6.0, JDK6 update12

Friday, July 10, 2009

Structure Synthで市松模様の台座を描画する

Structure Synthで市松模様の台座を描画するには、以下のスクリプトを実行します。

// 市松模様のルールを5*5回繰り返し
5 * { z 2 } 5 * { x 2 } checker
// 市松模様のルール
rule checker {
{ color white } box
{ x 1 color black } box
{ z 1 color black } box
{ x 1 z 1 color white } box
}
// 水色の地面
{ y -1 s 200 0.1 200 color #bbddff } box

Structure Synthで出力した画像

Sunflowで出力した画像

RMagickで画像をビデオ風に変換する

RMagickで画像をビデオ風に変換するには、以下のコードを実行します。


require 'RMagick'
include Magick

images = ImageList.new("sf.jpg")
images.rows.times { |py|
  line = images.get_pixels(0, py, images.columns, 1)
  line.size().times { |px|
    if (py % 2) == 0 then
      line[px].red = line[px].red/2;
      line[px].green = line[px].green/2;
      line[px].blue = line[px].blue/2;
    end
  }
  images.store_pixels(0, py, images.columns, 1, line)
}
images.write("sample1149a.png")
exit

元画像(sf.jpg)

出力画像(sample1149a.png)

動作環境
ruby1.8.6, rmagick2.9.0

SWFRendererで正多角形を描画する

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


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

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

出力SWF(sample1056a.swf)

動作環境
groovy 1.6.0, JDK6 update12

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 11, 2009

Structure Synthでストーンヘンジ風の画像を描画する

ImageMagickとPHPでピントがぼけたようなセピア調の画像に変換する

SWFRendererでサイの形を描画する

Friday, July 10, 2009

Structure Synthで市松模様の台座を描画する

RMagickで画像をビデオ風に変換する

SWFRendererで正多角形を描画する

Thursday, July 09, 2009

Structure Synthでリングを描画する

JOGLで円錐を描画する

SWFRendererで車の形を描画する

Wednesday, July 08, 2009

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

ImageMagickとPHPで画像を青く滲ませる

SWFRendererで二次曲線を描画する

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で魚型を描画する

About Me

Labels