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

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

2009-11-07T06:34:00.000-08:00

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


// キャンバスサイズ
size(400, 400);
// 背景色
background(#ffffee);
// 塗りつぶし色
fill(#d0d0f0);
// 画像はdataディレクトリに置いておく
PImage img = loadImage("sf2.jpg");
// グレースケール
img.filter(GRAY);
// 画像の表示
image(img, 50, 100);
// ファイル保存
save("sample1254a.png");

元画像(sf2.jpg)

出力画像(sample1254a.png)

動作環境
Processing 1.0.7

Processingで画像を着色する

2009-11-06T06:36:00.000-08:00

Processingで画像を着色するには、以下のコードを実行します。


// キャンバスサイズ
size(400, 400);
// 背景色
background(#ffffee);
// 塗りつぶし色
fill(#d0d0f0);
// 画像はdataディレクトリに置いておく
PImage img = loadImage("sf2.jpg");
// 着色
tint(80, 120, 220, 158);
// 画像の表示
image(img, 50, 100);
// ファイル保存
save("sample1254a.png");

元画像(sf.jpg)

出力画像(sample1254a.png)

動作環境
Processing 1.0.7

Processingで画像を縮小する

2009-11-05T07:01:00.000-08:00

Processingで画像を縮小するには、以下のコードを実行します。


// キャンバスサイズ
size(400, 400);
// 背景色
background(#ffffee);
// 塗りつぶし色
fill(#d0d0f0);
// 画像はdataディレクトリに置いておく
PImage img = loadImage("SF.JPG");
// 画像の表示
image(img, 100, 100);
// リサイズして画像の表示
image(img, 250, 250, 100, 100);
// ファイル保存
save("sample1253a.png");

出力画像(sample1253a.png)

動作環境
Processing 1.0.7

Processingで日本語文字列を描画する

2009-11-04T06:41:00.000-08:00

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


// キャンバスサイズ
size(400, 400);
// 背景色
background(#ffffee);
// 塗りつぶし色
fill(#d0d0f0);
// フォントを変換
PFont font = createFont("MS Gothic",48,true);
// フォントを設定
textFont(font);
// 文字
text("日本語の表示",50,200);
// ファイル保存
save("sample1252a.png");

動作環境
Processing 1.0.7

PyWin32とImageMagickで画像を絵画調に変換する

2009-11-03T06:55:00.000-08:00

PyWin32とImageMagickで画像を絵画調に変換するには、以下のコードを実行します。


# coding=UTF-8
import win32com.client

im = win32com.client.Dispatch("ImageMagickObject.MagickImage.1")
im.convert("sf2.jpg", "-spread", "1", "-median", "2", 
"-emboss", "1", "sample1366a.png")

元画像(sf2.jpg)

出力画像(sample1366a.png)

動作環境
Python3.1.1, Python for Windows Extensions (Build 214), ImageMagick6.5.5

Processingで球を描画する

2009-11-02T06:37:00.000-08:00

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


// キャンバスサイズ
size(400, 400, P3D);
// 背景色
background(#ffffee);
// 線の色
stroke(#7799dd, 128);
// 線の太さ
strokeWeight(2);
// 塗りつぶし色
fill(#e0e0f0, 128);
// 移動
translate(200, 200, 30);
// 回転
rotateX(PI/4);
rotateY(PI/4);
// 球
sphere(150);
// ファイル保存
save("sample1251a.png");

出力画像(sample1251a.png)

動作環境
Processing 1.0.7

Processingで立方体を描画する

2009-11-01T06:29:00.000-08:00

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


// キャンバスサイズ
size(400, 400, P3D);
// 背景色
background(#ffffee);
// 線の色
stroke(#7799dd, 128);
// 線の太さ
strokeWeight(2);
// 塗りつぶし色
fill(#e0e0f0, 128);
// 移動
translate(200, 200, 30);
// 回転
rotateX(PI/4);
rotateY(PI/4);
// 立方体
box(150);
// ファイル保存
save("sample1250a.png");

出力画像(sample1250a.png)

動作環境
Processing 1.0.7

Processingでベジェ曲線を描画する

2009-10-31T01:03:00.000-07:00

Processingでベジェ曲線を描画するには、以下のコードを実行します。


// キャンバスサイズ
size(400, 400);
// 背景色
background(#ffffee);
// 線の色
stroke(#7799dd);
// 線の太さ
strokeWeight(10);
// ベジェ曲線
bezier(20,200, 40,0, 360,400, 380,200);
// ファイル保存
save("sample1249a.png");

出力画像(sample1249a.png)

動作環境
Processing 1.0.7

Processingで三角形を描画する

2009-10-30T01:00:00.000-07:00

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


// キャンバスサイズ
size(400, 400);
// 背景色
background(#ffffee);
// 線の色
stroke(#7799dd);
// 線の太さ
strokeWeight(10);
// 塗りつぶし色
fill(#bbddff);
// 三角形
triangle(200, 50, 350, 350, 50, 350);
// ファイル保存
save("sample1248a.png");

出力画像(sample1248a.png)

動作環境
Processing 1.0.7

Processingで四角形を描画する

2009-10-29T01:57:00.000-07:00

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


// キャンバスサイズ
size(400, 400);
// 背景色
background(#ffffee);
// 線の色
stroke(#7799dd);
// 線の太さ
strokeWeight(10);
// 塗りつぶし色
fill(#bbddff);
// 四角形
rect(50, 50, 300, 300);
// ファイル保存
save("sample1247a.png");

出力画像(sample1247a.png)

動作環境
Processing 1.0.7

Processingで4画ポリゴンを描画する

2009-10-28T01:54:00.000-07:00

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


// キャンバスサイズ
size(400, 400);
// 背景色
background(#ffffee);
// 線の色
stroke(#7799dd);
// 線の太さ
strokeWeight(10);
// 塗りつぶし色
fill(#bbddff);
// 4画ポリゴン
quad(10, 50, 360, 30, 350, 320, 20, 360);
// ファイル保存
save("sample1246a.png");

動作環境(sample1246a.png)

動作環境
Processing 1.0.7

Processingで点を描画する

2009-10-27T01:51:00.000-07:00

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


// キャンバスサイズ
size(400, 400);
// 背景色
background(#ffffee);
// 線の色
stroke(#7799dd, 50);
// 線の太さ
strokeWeight(10);
// 点
for(int li=0;li<800;li++){
    float px = random(400);
    float py = random(400);
    point(px, py);
}
// ファイル保存
save("sample1245a.png");

出力画像(sample1245a.png)

動作環境
Processing 1.0.7

Processingで直線を描画する

2009-10-26T01:47:00.000-07:00

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


// キャンバスサイズ
size(400, 400);
// 背景色
background(#ffffee);
// 線の色
stroke(#7799dd);
// 線の太さ
strokeWeight(10);
// 線
line(0, 0, 400, 400);
// ファイル保存
save("sample1244a.png");

出力画像(sample1244a.png)

動作環境
Processing 1.0.7

Processingで楕円を描画する

2009-10-25T01:38:00.000-07:00

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


// キャンバスサイズ
size(400, 400);
// 背景色
background(#ffffee);
// 線の色
stroke(#7799dd);
// 線の太さ
strokeWeight(10);
// 塗りつぶし色
fill(#bbddff);
// 楕円
ellipse(200, 200, 200,150);
// ファイル保存
save("sample1243a.png");

出力画像(sample1243a.png)

動作環境
Processing 1.0.7

Processingで円弧を描画する

2009-10-24T01:32:00.000-07:00

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


// キャンバスサイズ
size(400, 400);
// 背景色
background(#ffffee);
// 線の色
stroke(#7799dd);
// 線の太さ
strokeWeight(10);
// 円弧
arc(200, 200, 160, 160, 0, 1.5*PI);
// ファイル保存
save("sample1242a.png");

出力画像(sample1242a.png)

動作環境
Processing 1.0.7

groovyとJOGLで複数の立方体を渦巻状に描画する

2009-10-23T07:31:00.000-07:00

groovyとJOGLで複数の立方体を渦巻状に描画するには、以下のコードを実行します。


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

// 出力画像サイズ
width = 300
height = 300

GLDrawableFactory gldf = 
  GLDrawableFactory.getFactory()
GLCapabilities glc = new GLCapabilities()
glc.setDoubleBuffered(false)
GLPbuffer buf = gldf.createGLPbuffer(
  glc, null, width, height, null)
GL gl = buf.getGL()

buf.addGLEventListener(
[ init: {
    // 背景色
    gl.glClearColor(
      0xf0/0xff as Float, 
      0xf0/0xff as Float, 
      0xf0/0xff as Float,
      1f)
  },

  display: {
    GLUT glut = new GLUT()
    gl.glViewport(0, 0, width, height)

    // 透視投影
    gl.glMatrixMode(GL_PROJECTION)
    gl.glLoadIdentity()
    float ratio = height/width as Float
    gl.glFrustum(-1.0f, 1.0f, -ratio, ratio,
      5.0f, 60.0f)

    gl.glMatrixMode(GL_MODELVIEW)
    gl.glLoadIdentity()
    gl.glTranslatef(0.0f, 0.0f, -50.0f)

    gl.glEnable(GL_LIGHTING)
    gl.glEnable(GL_LIGHT0)
    gl.glEnable(GL_COLOR_MATERIAL)
    gl.glEnable(GL_NORMALIZE)
    gl.glEnable(GL_DEPTH_TEST)
    gl.glEnable(GL_CULL_FACE)

    gl.glClear(GL_COLOR_BUFFER_BIT
      | GL_DEPTH_BUFFER_BIT )

    gl.glPushMatrix()

    // 面の色を設定
    gl.glColor3f(
      0x77/0xff as float, 
      0x99/0xff as float, 
      0xff/0xff as float
    )

    // Y軸回転
    gl.glRotatef(30.0f, 0.0f, 1.0f, 0.0f)

    cs = 0.01f
    for(li in 0..300-1){
      // Z軸回転
      gl.glRotatef(12.0f, 0.0f, 0.0f, 1.0f)
      // 移動
      gl.glTranslatef(0.0f, cs*1.1f as float, 0.0f)
      // 立方体を描画
      glut.glutSolidCube((cs*=1.02) as float)
    }

    gl.glPopMatrix()
  },

  reshape: {},
  displayChanged: {}
] as GLEventListener
)
GLContext context = 
  buf.createContext(null)
context.makeCurrent()
buf.display()
Screenshot.writeToFile(
  new File("sample1317a.png"), 
  width, height, true)
context.release()
context.destroy()

出力画像(sample1317a.png)

動作環境
JDK1.6 Update14, Groovy 1.6.3, JOGL 1.1.1a

groovyとJOGLで凹んだポリゴンを描画する

2009-10-22T07:23:00.000-07:00

groovyとJOGLで凹んだポリゴンを描画するには、以下のコードを実行します。


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


class TessCB extends GLUtessellatorCallbackAdapter 
{
  def gl = null
  def glu = null

  TessCB(GL gla, GLU glua)
  {
    gl = gla
    glu = glua
  }
  void begin(int type)
  {
    gl.glBegin(type)
  }

  void end()
  {
    gl.glEnd()
  }

  void vertex(Object vertexData)
  {
    if( vertexData instanceof double[] ){
      gl.glVertex3dv(vertexData, 0);
    }
  }

  void error(int errnum)
  {
    println(glu.gluErrorString(errnum))
    System.exit(0)
  }
}


// 出力画像サイズ
width = 300
height = 300

GLDrawableFactory gldf = 
  GLDrawableFactory.getFactory()
GLCapabilities glc = new GLCapabilities()
glc.setDoubleBuffered(false)
GLPbuffer buf = gldf.createGLPbuffer(
  glc, null, width, height, null)
GL gl = buf.getGL()

buf.addGLEventListener(
[ init: {
    // 背景色
    gl.glClearColor(
      0xf0/0xff as Float, 
      0xf0/0xff as Float, 
      0xf0/0xff as Float,
      1f)
  },

  display: {
    GLU glu = new GLU()
    gl.glViewport(0, 0, width, height)

    // 透視投影
    gl.glMatrixMode(GL_PROJECTION)
    gl.glLoadIdentity()
    float ratio = height/width as Float
    gl.glFrustum(-1.0f, 1.0f, -ratio, ratio,
      5.0f, 40.0f)

    gl.glMatrixMode(GL_MODELVIEW)
    gl.glLoadIdentity()
    gl.glTranslatef(0.0f, 0.0f, -7.0f)

    gl.glEnable(GL_LIGHTING)
    gl.glEnable(GL_LIGHT0)
    gl.glEnable(GL_COLOR_MATERIAL)
    gl.glEnable(GL_NORMALIZE)
    gl.glEnable(GL_DEPTH_TEST)

    gl.glClear(GL_COLOR_BUFFER_BIT
      | GL_DEPTH_BUFFER_BIT )

    gl.glPushMatrix()

    // 面の色を設定
    gl.glColor3f(
      0x77/0xff as float, 
      0x99/0xff as float, 
      0xff/0xff as float
    )

    GLUtessellator tess = glu.gluNewTess()

    tcb = new TessCB(gl, glu)
    glu.gluTessCallback(tess, GLU.GLU_TESS_VERTEX, tcb)
    glu.gluTessCallback(tess, GLU.GLU_TESS_BEGIN, tcb)
    glu.gluTessCallback(tess, GLU.GLU_TESS_END, tcb)
    glu.gluTessCallback(tess, GLU.GLU_TESS_ERROR, tcb)

    va = [
      [1.0, -1.0, 0.0],
      [1.0, 1.0, 0.0],
      [-1.0, 1.0, 0.0],
      [-1.0, -1.0, 0.0],
      [0.0, -0.5, 0.0]
    ]

    glu.gluTessBeginPolygon(tess, null);
    glu.gluTessBeginContour(tess);
    for(al in 0..va.size-1){
      glu.gluTessVertex(tess, va[al] as double[], 0, 
        va[al] as double[])
    }
    glu.gluTessEndContour(tess);
    glu.gluTessEndPolygon(tess);

    gl.glPopMatrix()
  },

  reshape: {},
  displayChanged: {}
] as GLEventListener
)
GLContext context = 
  buf.createContext(null)
context.makeCurrent()
buf.display()
Screenshot.writeToFile(
  new File("sample1316a.png"), 
  width, height, true)
context.release()
context.destroy()

出力画像(sample1316a.png)

動作環境
JDK1.6 Update14, Groovy 1.6.3, JOGL 1.1.1a

groovyとJOGLで複数の球の文字列を描画する

2009-10-21T07:19:00.000-07:00

groovyとJOGLで複数の球の文字列を描画するには、以下のコードを実行します。


import static javax.media.opengl.GL.*;
import java.io.*;
import java.awt.*;
import java.awt.font.*;
import java.awt.geom.*;
import java.awt.image.*;
import javax.media.opengl.*;
import com.sun.opengl.util.*;

// 出力画像サイズ
width = 300
height = 300

GLDrawableFactory gldf = 
  GLDrawableFactory.getFactory()
GLCapabilities glc = new GLCapabilities()
glc.setDoubleBuffered(false)
GLPbuffer buf = gldf.createGLPbuffer(
  glc, null, width, height, null)
GL gl = buf.getGL()

buf.addGLEventListener(
[ init: {
    // 背景色
    gl.glClearColor(
      0xf0/0xff as Float, 
      0xf0/0xff as Float, 
      0xf0/0xff as Float,
      1f)
  },

  display: {
    GLUT glut = new GLUT()
    gl.glViewport(0, 0, width, height)

    // 透視投影
    gl.glMatrixMode(GL_PROJECTION)
    gl.glLoadIdentity()
    float ratio = height/width as Float
    gl.glFrustum(-1.0f, 1.0f, -ratio, ratio,
      5.0f, 40.0f)

    gl.glMatrixMode(GL_MODELVIEW)
    gl.glLoadIdentity()
    gl.glTranslatef(-6.0f, 1.0f, -35.0f)

    gl.glEnable(GL_LIGHTING)
    gl.glEnable(GL_LIGHT0)
    gl.glEnable(GL_COLOR_MATERIAL)
    gl.glEnable(GL_NORMALIZE)
    gl.glEnable(GL_DEPTH_TEST)
    gl.glEnable(GL_CULL_FACE)

    gl.glClear(GL_COLOR_BUFFER_BIT
      | GL_DEPTH_BUFFER_BIT )

    gl.glPushMatrix()

    // 面の色を設定
    gl.glColor3f(
      0x77/0xff as float, 
      0x99/0xff as float, 
      0xff/0xff as float
    )

    // X軸回転
    gl.glRotatef(70.0f, 1.0f, 0.0f, 0.0f)
    // Y軸回転
    gl.glRotatef(10.0f, 0.0f, 1.0f, 0.0f)

    /* 文字列描画用イメージを作成 */
    message = "JOGL"
    Font font = new Font(Font.SANS_SERIF, 
      Font.PLAIN, 10)
    FontRenderContext frc = new FontRenderContext(
      new AffineTransform(), false as boolean, 
      false as boolean)
    TextLayout layout = new TextLayout(
      message, font, frc)

    BufferedImage img = new BufferedImage(
      (int)layout.getBounds().getWidth(), 
      (int)layout.getAscent() + 
      (int)layout.getDescent(), 
      BufferedImage.TYPE_INT_ARGB)


    Graphics2D gr = img.createGraphics();
    gr.setColor(new Color(0x00, 0x00, 0x00, 0x00))
    gr.fill(new Rectangle2D.Double(0,0,
      img.getWidth(),img.getHeight()))
    /* 文字列を描画 */
    gr.setColor(new Color(0xff, 0xff, 0xff))
    gr.setFont(font)
    layout.draw(gr, 0, 
      (img.getHeight()-layout.getDescent()) as int)
    gr.dispose()

    rs = 0.25f
    ds = 0.45f
    for(lz in 0..img.getHeight()-1){ 
      for(lx in 0..img.getWidth()-1){ 
        gl.glPushMatrix()
        gl.glTranslatef(ds*lx as float, 0f, ds*lz as float)
        if( img.getRGB(lx, lz) != 0 ){
          glut.glutSolidSphere(rs, 16, 16)
        }
        gl.glPopMatrix()
      }
    }

    gl.glPopMatrix()
  },

  reshape: {},
  displayChanged: {}
] as GLEventListener
)
GLContext context = 
  buf.createContext(null)
context.makeCurrent()
buf.display()
Screenshot.writeToFile(
  new File("sample1315a.png"), 
  width, height, true)
context.release()
context.destroy()

出力画像(sample1315a.png)

動作環境
JDK1.6 Update14, Groovy 1.6.3, JOGL 1.1.1a

groovyとJOGLで円柱がウニのように広がった画像を作成する

2009-10-20T07:34:00.000-07:00

groovyとJOGLで円柱がウニのように広がった画像を作成するには、以下のコードを実行します。


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

// 出力画像サイズ
width = 300
height = 300

GLDrawableFactory gldf = 
  GLDrawableFactory.getFactory()
GLCapabilities glc = new GLCapabilities()
glc.setDoubleBuffered(false)
GLPbuffer buf = gldf.createGLPbuffer(
  glc, null, width, height, null)
GL gl = buf.getGL()

buf.addGLEventListener(
[ init: {
    // 背景色
    gl.glClearColor(
      0xf0/0xff as Float, 
      0xf0/0xff as Float, 
      0xf0/0xff as Float,
      1f)
  },

  display: {
    GLUT glut = new GLUT()
    gl.glViewport(0, 0, width, height)

    // 透視投影
    gl.glMatrixMode(GL_PROJECTION)
    gl.glLoadIdentity()
    float ratio = height/width as Float
    gl.glFrustum(-1.0f, 1.0f, -ratio, ratio,
      5.0f, 40.0f)

    gl.glMatrixMode(GL_MODELVIEW)
    gl.glLoadIdentity()
    gl.glTranslatef(0.0f, -1.0f, -30.0f)

    gl.glEnable(GL_LIGHTING)
    gl.glEnable(GL_LIGHT0)
    gl.glEnable(GL_COLOR_MATERIAL)
    gl.glEnable(GL_NORMALIZE)
    gl.glEnable(GL_AUTO_NORMAL)
    gl.glEnable(GL_DEPTH_TEST)
    gl.glEnable(GL_CULL_FACE)

    gl.glClear(GL_COLOR_BUFFER_BIT
      | GL_DEPTH_BUFFER_BIT )

    gl.glPushMatrix()

    // 面の色を設定
    gl.glColor3f(
      0x77/0xff as float, 
      0x99/0xff as float, 
      0xff/0xff as float
    )

    // X軸回転
    gl.glRotatef(45.0f, 1.0f, 0.0f, 0.0f)
    // Y軸回転
    gl.glRotatef(45.0f, 0.0f, 1.0f, 0.0f)

    slices = 12
    ch = 5f
    cr = 0.25f

    for(lx in 0..slices-1){
      for(ly in 0..slices-1){
        gl.glPushMatrix()
        // X軸回転
        gl.glRotatef(360f/slices*lx as float, 1.0f, 0.0f, 0.0f)
        // Y軸回転
        gl.glRotatef(360f/slices*ly as float, 0.0f, 1.0f, 0.0f)
        // 円柱を描画
        glut.glutSolidCylinder(cr, ch, 16, 4)
        gl.glPopMatrix()
      }
    }

    gl.glPopMatrix()
  },

  reshape: {},
  displayChanged: {}
] as GLEventListener
)
GLContext context = 
  buf.createContext(null)
context.makeCurrent()
buf.display()
Screenshot.writeToFile(
  new File("sample1314a.png"), 
  width, height, true)
context.release()
context.destroy()

出力画像(sample1314a.png)

動作環境
JDK1.6 Update14, Groovy 1.6.3, JOGL 1.1.1a

groovyとJOGLでピラミッドを描画する

2009-10-19T07:20:00.000-07:00

groovyとJOGLでピラミッドを描画するには、以下のコードを実行します。


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

// 出力画像サイズ
width = 300
height = 300

def drawTriangle(GL gl, 
  double p1x, double p1y, double p1z,
  double p2x, double p2y, double p2z,
  double p3x, double p3y, double p3z)
{
  gl.glBegin(GL_POLYGON)

  gl.glNormal3d((p1x+p2x+p3x)/3, 
    1, (p1z+p2z+p3z)/3)
  gl.glVertex3d(p1x, p1y, p1z)
  gl.glNormal3d((p1x+p2x+p3x)/3, 
    0, (p1z+p2z+p3z)/3)
  gl.glVertex3d(p2x, p2y, p2z)
  gl.glNormal3d((p1x+p2x+p3x)/3, 
    0, (p1z+p2z+p3z)/3)
  gl.glVertex3d(p3x, p3y, p3z)

  gl.glEnd()
}

GLDrawableFactory gldf = 
  GLDrawableFactory.getFactory()
GLCapabilities glc = new GLCapabilities()
glc.setDoubleBuffered(false)
GLPbuffer buf = gldf.createGLPbuffer(
  glc, null, width, height, null)
GL gl = buf.getGL()

buf.addGLEventListener(
[ init: {
    // 背景色
    gl.glClearColor(
      0xf0/0xff as Float, 
      0xf0/0xff as Float, 
      0xf0/0xff as Float,
      1f)
  },

  display: {
    gl.glViewport(0, 0, width, height)

    // 透視投影
    gl.glMatrixMode(GL_PROJECTION)
    gl.glLoadIdentity()
    float ratio = height/width as Float
    gl.glFrustum(-1.0f, 1.0f, -ratio, ratio,
      5.0f, 40.0f)

    gl.glMatrixMode(GL_MODELVIEW)
    gl.glLoadIdentity()
    gl.glTranslatef(0.0f, -1.0f, -12.0f)

    gl.glEnable(GL_LIGHTING)
    gl.glEnable(GL_LIGHT0)
    gl.glEnable(GL_COLOR_MATERIAL)
    gl.glEnable(GL_NORMALIZE)
    gl.glEnable(GL_AUTO_NORMAL)
    gl.glEnable(GL_DEPTH_TEST)
    gl.glEnable(GL_CULL_FACE)

    gl.glClear(GL_COLOR_BUFFER_BIT
      | GL_DEPTH_BUFFER_BIT )

    gl.glPushMatrix()

    // 面の色を設定
    gl.glColor3f(
      0x77/0xff as float, 
      0x99/0xff as float, 
      0xff/0xff as float
    )

    // X軸回転
    gl.glRotatef(40.0f, 1.0f, 0.0f, 0.0f)
    // Y軸回転
    gl.glRotatef(20.0f, 0.0f, 1.0f, 0.0f)

    // ピラミッドサイズ
    ph = 2.0
    ps = 3.0

    drawTriangle(gl, 
      0.0, ph, 0.0,
      ps/2.0, 0.0, -ps/2.0,
      -ps/2.0, 0.0, -ps/2.0)

    drawTriangle(gl, 
      0.0, ph, 0.0, 
      -ps/2.0, 0.0, ps/2.0,
      ps/2.0, 0.0, ps/2.0)

    drawTriangle(gl, 
      0.0, ph, 0.0, 
      -ps/2.0, 0.0, -ps/2.0,
      -ps/2.0, 0.0, ps/2.0)

    drawTriangle(gl, 
      0.0, ph, 0.0, 
      ps/2.0, 0.0, ps/2.0,
      ps/2.0, 0.0, -ps/2.0)

    gl.glBegin(GL_POLYGON)
    gl.glNormal3d(0,-1,0)
    gl.glVertex3d(-ps/2, 0.0, ps/2)
    gl.glVertex3d(-ps/2, 0.0, -ps/2)
    gl.glVertex3d(ps/2, 0.0, -ps/2)
    gl.glVertex3d(ps/2, 0.0, ps/2)
    gl.glEnd()

    gl.glPopMatrix()
  },

  reshape: {},
  displayChanged: {}
] as GLEventListener
)
GLContext context = 
  buf.createContext(null)
context.makeCurrent()
buf.display()
Screenshot.writeToFile(
  new File("sample1313a.png"), 
  width, height, true)
context.release()
context.destroy()

出力画像(sample1313a.png)

動作環境
JDK1.6 Update14, Groovy 1.6.3, JOGL 1.1.1a

groovyとJOGLで複数の直方体の山を描画する

2009-10-18T07:17:00.000-07:00

groovyとJOGLで複数の直方体の山を描画するには、以下のコードを実行します。


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

// 出力画像サイズ
width = 300
height = 300

GLDrawableFactory gldf = 
  GLDrawableFactory.getFactory()
GLCapabilities glc = new GLCapabilities()
glc.setDoubleBuffered(false)
GLPbuffer buf = gldf.createGLPbuffer(
  glc, null, width, height, null)
GL gl = buf.getGL()

buf.addGLEventListener(
[ init: {
    // 背景色
    gl.glClearColor(
      0x58/0xff as Float, 
      0x50/0xff as Float, 
      0x50/0xff as Float,
      1f)
  },

  display: {
    GLUT glut = new GLUT()
    gl.glViewport(0, 0, width, height)

    // 透視投影
    gl.glMatrixMode(GL_PROJECTION)
    gl.glLoadIdentity()
    float ratio = height/width as Float
    gl.glFrustum(-1.0f, 1.0f, -ratio, ratio,
      5.0f, 40.0f)

    gl.glMatrixMode(GL_MODELVIEW)
    gl.glLoadIdentity()
    gl.glTranslatef(-3.0f, -1.5f, -7.0f)

    gl.glEnable(GL_LIGHTING)
    gl.glEnable(GL_LIGHT0)
    gl.glEnable(GL_COLOR_MATERIAL)
    gl.glEnable(GL_NORMALIZE)
    gl.glEnable(GL_DEPTH_TEST)
    gl.glEnable(GL_CULL_FACE)

    // フォグの設定
    fog=[0.2f,0.2f,0.3f,1.0f]
    gl.glFogfv(GL_FOG_COLOR,fog as float[], 0)
    gl.glFogi(GL_FOG_MODE,GL.GL_EXP)
    gl.glFogf(GL_FOG_DENSITY, 0.04f)
    gl.glFogf(GL_FOG_START, 0.0f)
    gl.glFogf(GL_FOG_END,20.0f)
    gl.glEnable(GL_FOG)

    // 光源の位置
    l1pos = [-5.0f, 10.0f, 0.0f, 1.0f]
    gl.glLightfv(GL_LIGHT0, GL_POSITION, l1pos as float[], 0)
    // 環境光
    l1amb = [0.1f, 0.1f, 0.1f, 1.0f]
    gl.glLightfv(GL_LIGHT0, GL_AMBIENT, l1amb as float[], 0)
    // 拡散光
    l1dif = [0.9f, 0.9f, 0.9f, 1.0f]
    gl.glLightfv(GL_LIGHT0, GL_DIFFUSE, l1dif as float[], 0)
    // 鏡面光
    l1spe = [1.0f, 1.0f, 1.0f, 1.0f]
    gl.glLightfv(GL_LIGHT0, GL_SPECULAR, l1spe as float[], 0)

    gl.glClear(GL_COLOR_BUFFER_BIT
      | GL_DEPTH_BUFFER_BIT )

    gl.glPushMatrix()

    // 面の色を設定
    gl.glColor3f(
      0xff/0xff as float, 
      0xff/0xff as float, 
      0xff/0xff as float
    )

    // X軸回転
    gl.glRotatef(15.0f, 1.0f, 0.0f, 0.0f)
    // Y軸回転
    gl.glRotatef(30.0f, 0.0f, 1.0f, 0.0f)

    cs = 0.25f
    gs = 0.3f
    for(lz in -10..60){
      for(lx in -10..100){
        gl.glPushMatrix()
        de = (gs*lx-5)*(gs*lx-5)+(gs*lz-3)*(gs*lz-3)+9
        ch = 27/(de==0f?0.001f:de)
        gl.glScalef(1f, ch as float, 1f)
        gl.glTranslatef(lx*gs as float, 
          cs*ch/2 as float, -1*lz*gs as float)
        glut.glutSolidCube(cs)
        gl.glPopMatrix()
      }
    }

    gl.glPopMatrix()
  },

  reshape: {},
  displayChanged: {}
] as GLEventListener
)
GLContext context = 
  buf.createContext(null)
context.makeCurrent()
buf.display()
Screenshot.writeToFile(
  new File("sample1312a.png"), 
  width, height, true)
context.release()
context.destroy()

出力画像(sample1312a.png)

動作環境
JDK1.6 Update14, Groovy 1.6.3, JOGL 1.1.1a

groovyとJOGLで複数の直方体をスプリング状に配置する

2009-10-17T07:04:00.000-07:00

groovyとJOGLで複数の直方体をスプリング状に配置するには、以下のコードを実行します。


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

// 出力画像サイズ
width = 300
height = 300

GLDrawableFactory gldf = 
  GLDrawableFactory.getFactory()
GLCapabilities glc = new GLCapabilities()
glc.setDoubleBuffered(false)
GLPbuffer buf = gldf.createGLPbuffer(
  glc, null, width, height, null)
GL gl = buf.getGL()

buf.addGLEventListener(
[ init: {
    // 背景色
    gl.glClearColor(
      0xf0/0xff as Float, 
      0xf0/0xff as Float, 
      0xf0/0xff as Float,
      1f)
  },

  display: {
    GLUT glut = new GLUT()
    gl.glViewport(0, 0, width, height)

    // 透視投影
    gl.glMatrixMode(GL_PROJECTION)
    gl.glLoadIdentity()
    float ratio = height/width as Float
    gl.glFrustum(-1.0f, 1.0f, -ratio, ratio,
      5.0f, 80.0f)

    gl.glMatrixMode(GL_MODELVIEW)
    gl.glLoadIdentity()
    gl.glTranslatef(0.0f, -0.5f, -30.0f)

    gl.glEnable(GL_LIGHTING)
    gl.glEnable(GL_LIGHT0)
    gl.glEnable(GL_COLOR_MATERIAL)
    gl.glEnable(GL_NORMALIZE)
    gl.glEnable(GL_DEPTH_TEST)
    gl.glEnable(GL_CULL_FACE)

    gl.glClear(GL_COLOR_BUFFER_BIT
      | GL_DEPTH_BUFFER_BIT )

    gl.glPushMatrix()

    // 面の色を設定
    gl.glColor3f(
      0x77/0xff as float, 
      0x99/0xff as float, 
      0xff/0xff as float
    )

    // X軸回転
    gl.glRotatef(15.0f, 1.0f, 0.0f, 0.0f)
    // Y軸回転
    gl.glRotatef(70.0f, 0.0f, 1.0f, 0.0f)

    cs = 0.5f
    gs = 0.05f
    for(lx in -100..800-1){
      gl.glPushMatrix()
      gl.glRotatef(5f*lx as float, 1.0f, 0.0f, 0.0f)
      gl.glTranslatef(gs*lx as float, 2f, 0f)
      gl.glScalef(1f,1f,0.2f)
      glut.glutSolidCube(cs)
      gl.glPopMatrix()
    }

    gl.glPopMatrix()
  },

  reshape: {},
  displayChanged: {}
] as GLEventListener
)
GLContext context = 
  buf.createContext(null)
context.makeCurrent()
buf.display()
Screenshot.writeToFile(
  new File("sample1311a.png"), 
  width, height, true)
context.release()
context.destroy()

出力画像(sample1311a.png)

動作環境
JDK1.6 Update14, Groovy 1.6.3, JOGL 1.1.1a

groovyとJOGLでスポットライトを使用する

2009-10-16T07:58:00.000-07:00

groovyとJOGLでスポットライトを使用するには、以下のコードを実行します。


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

// 出力画像サイズ
width = 300
height = 300

GLDrawableFactory gldf = 
  GLDrawableFactory.getFactory()
GLCapabilities glc = new GLCapabilities()
glc.setDoubleBuffered(false)
GLPbuffer buf = gldf.createGLPbuffer(
  glc, null, width, height, null)
GL gl = buf.getGL()

buf.addGLEventListener(
[ init: {
    // 背景色
    gl.glClearColor(
      0x58/0xff as Float, 
      0x50/0xff as Float, 
      0x50/0xff as Float,
      1f)
  },

  display: {
    GLUT glut = new GLUT()
    gl.glViewport(0, 0, width, height)

    // 透視投影
    gl.glMatrixMode(GL_PROJECTION)
    gl.glLoadIdentity()
    float ratio = height/width as Float
    gl.glFrustum(-1.0f, 1.0f, -ratio, ratio,
      5.0f, 40.0f)

    gl.glMatrixMode(GL_MODELVIEW)
    gl.glLoadIdentity()
    gl.glTranslatef(-3.0f, -1.5f, -7.0f)

    gl.glEnable(GL_LIGHTING)
    gl.glEnable(GL_LIGHT0)
    gl.glEnable(GL_LIGHT1)
    gl.glEnable(GL_COLOR_MATERIAL)
    gl.glEnable(GL_NORMALIZE)
    gl.glEnable(GL_DEPTH_TEST)
    gl.glEnable(GL_CULL_FACE)

    // フォグの設定
    fog=[0.2f,0.2f,0.3f,1.0f]
    gl.glFogfv(GL_FOG_COLOR,fog as float[], 0)
    gl.glFogi(GL_FOG_MODE,GL.GL_EXP)
    gl.glFogf(GL_FOG_DENSITY, 0.04f)
    gl.glFogf(GL_FOG_START, 0.0f)
    gl.glFogf(GL_FOG_END,20.0f)
    gl.glEnable(GL_FOG)

    // 光源の位置
    l0pos = [-5.0f, 5.0f, 0.0f, 1.0f]
    gl.glLightfv(GL_LIGHT0, GL_POSITION, l0pos as float[], 0)
    // 環境光
    l0amb = [0.1f, 0.1f, 0.1f, 1.0f]
    gl.glLightfv(GL_LIGHT0, GL_AMBIENT, l0amb as float[], 0)
    // 拡散光
    l0dif = [0.2f, 0.2f, 0.2f, 1.0f]
    gl.glLightfv(GL_LIGHT0, GL_DIFFUSE, l0dif as float[], 0)
    // 鏡面光
    l0spe = [0.3f, 0.3f, 0.3f, 1.0f]
    gl.glLightfv(GL_LIGHT0, GL_SPECULAR, l0spe as float[], 0)

    // 光源の位置
    l1pos = [3.0f, 4.0f, -5.0f, 1.0f]
    gl.glLightfv(GL_LIGHT1, GL_POSITION, l1pos as float[], 0)
    // 環境光
    l1amb = [0.2f, 0.2f, 0.1f, 1.0f]
    gl.glLightfv(GL_LIGHT1, GL_AMBIENT, l1amb as float[], 0)
    // 拡散光
    l1dif = [0.5f, 0.5f, 0.3f, 1.0f]
    gl.glLightfv(GL_LIGHT1, GL_DIFFUSE, l1dif as float[], 0)
    // 鏡面光
    l1spe = [0.8f, 0.8f, 0.2f, 1.0f]
    gl.glLightfv(GL_LIGHT1, GL_SPECULAR, l1spe as float[], 0)
    // スポットライト
    l1dir = [0.1f, -1.0f, 0.0f]
    gl.glLightfv(GL_LIGHT1, GL_SPOT_DIRECTION, l1dir as float[], 0)
    gl.glLightf(GL_LIGHT1, GL_SPOT_CUTOFF, 30.0f)
    gl.glLightf(GL_LIGHT1, GL_SPOT_EXPONENT, 5.0f)

    gl.glClear(GL_COLOR_BUFFER_BIT
      | GL_DEPTH_BUFFER_BIT )

    gl.glPushMatrix()

    // 面の色を設定
    gl.glColor3f(
      0xff/0xff as float, 
      0xff/0xff as float, 
      0xff/0xff as float
    )

    // X軸回転
    gl.glRotatef(15.0f, 1.0f, 0.0f, 0.0f)
    // Y軸回転
    gl.glRotatef(30.0f, 0.0f, 1.0f, 0.0f)

    cs = 0.4f
    gs = 0.5f
    xs = 100
    zs = 100
    for(lz in -3..zs-1){
      for(lx in -3..xs-1){
        gl.glPushMatrix()
        ch = cs * (float)(Math.random()*1.0) as float
        gl.glScalef(1f,ch, 1f)
        gl.glTranslatef(lx*gs as float, 
          -(cs-ch)/2 as float, -1*lz*gs as float)
        glut.glutSolidCube(cs)
        gl.glPopMatrix()
      }
    }

    gl.glPopMatrix()
  },

  reshape: {},
  displayChanged: {}
] as GLEventListener
)
GLContext context = 
  buf.createContext(null)
context.makeCurrent()
buf.display()
Screenshot.writeToFile(
  new File("sample1310a.png"), 
  width, height, true)
context.release()
context.destroy()

出力画像(sample1310a.png)

動作環境
JDK1.6 Update14, Groovy 1.6.3, JOGL 1.1.1a

groovyとJOGLで球状に配置された立方体を描画する

2009-10-15T07:55:00.000-07:00

groovyとJOGLで球状に配置された立方体を描画するには、以下のコードを実行します。


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

// 出力画像サイズ
width = 300
height = 300

GLDrawableFactory gldf = 
  GLDrawableFactory.getFactory()
GLCapabilities glc = new GLCapabilities()
glc.setDoubleBuffered(false)
GLPbuffer buf = gldf.createGLPbuffer(
  glc, null, width, height, null)
GL gl = buf.getGL()

buf.addGLEventListener(
[ init: {
    // 背景色
    gl.glClearColor(
      0xf0/0xff as Float, 
      0xf0/0xff as Float, 
      0xf0/0xff as Float,
      1f)
  },

  display: {
    GLUT glut = new GLUT()
    gl.glViewport(0, 0, width, height)

    // 透視投影
    gl.glMatrixMode(GL_PROJECTION)
    gl.glLoadIdentity()
    float ratio = height/width as Float
    gl.glFrustum(-1.0f, 1.0f, -ratio, ratio,
      5.0f, 40.0f)

    gl.glMatrixMode(GL_MODELVIEW)
    gl.glLoadIdentity()
    gl.glTranslatef(0.0f, 0.0f, -22.0f)

    gl.glEnable(GL_LIGHTING)
    gl.glEnable(GL_LIGHT0)
    gl.glEnable(GL_COLOR_MATERIAL)
    gl.glEnable(GL_NORMALIZE)
    gl.glEnable(GL_DEPTH_TEST)
    gl.glEnable(GL_CULL_FACE)

    gl.glClear(GL_COLOR_BUFFER_BIT
      | GL_DEPTH_BUFFER_BIT )

    gl.glPushMatrix()

    // 面の色を設定
    gl.glColor3f(
      0x77/0xff as float, 
      0x99/0xff as float, 
      0xff/0xff as float
    )

    // X軸回転
    gl.glRotatef(15.0f, 1.0f, 0.0f, 0.0f)
    // Y軸回転
    gl.glRotatef(30.0f, 0.0f, 1.0f, 0.0f)
    // Z軸回転
    gl.glRotatef(60.0f, 0.0f, 0.0f, 1.0f)

    slices = 32
    rad = 3f
    cs = 0.25f

    for(ly in 0..slices-1){
      for(lz in 0..slices-1){
        gl.glPushMatrix()
        // Y軸回転
        gl.glRotatef(360f/slices*ly as float, 
          0.0f, 1.0f, 0.0f)
        // Z軸回転
        gl.glRotatef(360f/slices*lz as float, 
          0.0f, 0.0f, 1.0f)
        gl.glTranslatef(0f, rad, 0f)

        glut.glutSolidCube(cs)
        gl.glPopMatrix()
      }
    }

    gl.glPopMatrix()
  },

  reshape: {},
  displayChanged: {}
] as GLEventListener
)
GLContext context = 
  buf.createContext(null)
context.makeCurrent()
buf.display()
Screenshot.writeToFile(
  new File("sample1309a.png"), 
  width, height, true)
context.release()
context.destroy()

出力画像(sample1309a.png)

動作環境
JDK1.6 Update14, Groovy 1.6.3, JOGL 1.1.1a

groovyとJOGLで複数の直方体を凸凹に配置する

2009-10-14T08:38:00.000-07:00

groovyとJOGLで複数の直方体を凸凹に配置するには、以下のコードを実行します。


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

// 出力画像サイズ
width = 300
height = 300

GLDrawableFactory gldf = 
  GLDrawableFactory.getFactory()
GLCapabilities glc = new GLCapabilities()
glc.setDoubleBuffered(false)
GLPbuffer buf = gldf.createGLPbuffer(
  glc, null, width, height, null)
GL gl = buf.getGL()

buf.addGLEventListener(
[ init: {
    // 背景色
    gl.glClearColor(
      0x58/0xff as Float, 
      0x50/0xff as Float, 
      0x50/0xff as Float,
      1f)
  },

  display: {
    GLUT glut = new GLUT()
    gl.glViewport(0, 0, width, height)

    // 透視投影
    gl.glMatrixMode(GL_PROJECTION)
    gl.glLoadIdentity()
    float ratio = height/width as Float
    gl.glFrustum(-1.0f, 1.0f, -ratio, ratio,
      5.0f, 40.0f)

    gl.glMatrixMode(GL_MODELVIEW)
    gl.glLoadIdentity()
    gl.glTranslatef(-3.0f, -1.5f, -7.0f)

    gl.glEnable(GL_LIGHTING)
    gl.glEnable(GL_LIGHT0)
    gl.glEnable(GL_COLOR_MATERIAL)
    gl.glEnable(GL_NORMALIZE)
    gl.glEnable(GL_DEPTH_TEST)
    gl.glEnable(GL_CULL_FACE)

    // フォグの設定
    fog=[0.1f,0.1f,0.2f,1.0f]
    gl.glFogfv(GL_FOG_COLOR,fog as float[], 0)
    gl.glFogi(GL_FOG_MODE,GL.GL_EXP)
    gl.glFogf(GL_FOG_DENSITY, 0.08f)
    gl.glFogf(GL_FOG_START, 0.0f)
    gl.glFogf(GL_FOG_END,20.0f)
    gl.glEnable(GL_FOG)

    // 光源の位置
    l1pos = [-5.0f, 5.0f, 0.0f, 1.0f]
    gl.glLightfv(GL_LIGHT0, GL_POSITION, l1pos as float[], 0)
    // 環境光
    l1amb = [0.2f, 0.2f, 0.1f, 1.0f]
    gl.glLightfv(GL_LIGHT0, GL_AMBIENT, l1amb as float[], 0)
    // 拡散光
    l1dif = [0.9f, 0.9f, 0.9f, 1.0f]
    gl.glLightfv(GL_LIGHT0, GL_DIFFUSE, l1dif as float[], 0)
    // 鏡面光
    l1spe = [0.9f, 0.9f, 0.9f, 1.0f]
    gl.glLightfv(GL_LIGHT0, GL_SPECULAR, l1spe as float[], 0)

    gl.glClear(GL_COLOR_BUFFER_BIT
      | GL_DEPTH_BUFFER_BIT )

    gl.glPushMatrix()

    // 面の色を設定
    gl.glColor3f(
      0xff/0xff as float, 
      0xff/0xff as float, 
      0xff/0xff as float
    )

    // X軸回転
    gl.glRotatef(15.0f, 1.0f, 0.0f, 0.0f)
    // Y軸回転
    gl.glRotatef(30.0f, 0.0f, 1.0f, 0.0f)

    cs = 0.5f
    gs = 0.6f
    xs = 50
    zs = 50
    for(lz in -3..zs-1){
      for(lx in -3..xs-1){
        gl.glPushMatrix()
        ch = cs * (float)(Math.random()*1.0) as float
        gl.glScalef(1f,ch, 1f)
        gl.glTranslatef(lx*gs as float, 
          -(cs-ch)/2 as float, -1*lz*gs as float)
        glut.glutSolidCube(cs)
        gl.glPopMatrix()
      }
    }

    gl.glPopMatrix()
  },

  reshape: {},
  displayChanged: {}
] as GLEventListener
)
GLContext context = 
  buf.createContext(null)
context.makeCurrent()
buf.display()
Screenshot.writeToFile(
  new File("sample1308a.png"), 
  width, height, true)
context.release()
context.destroy()

出力画像(sample1308a.png)

動作環境
JDK1.6 Update14, Groovy 1.6.3, JOGL 1.1.1a