Saturday, October 31, 2009

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

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で描画したベジェ曲線

○動作環境
Processing 3.4/Processing 1.0.7

〇関連項目
Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing
・Processingに関する他の記事は、こちらを参照してください。

Friday, October 30, 2009

Processingで三角形を描画する

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で描画した三角形

○動作環境
Processing3.4/Processing 1.0.7

〇関連項目
Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing
・Processingに関する他の記事は、こちらを参照してください。

Thursday, October 29, 2009

Processingで四角形を描画する

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


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


出力画像(sample1247a.png)
Processingで描画した四角

動作環境
Processing 3.4/Processing 1.0.7

〇関連項目
Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing
・Processingに関する他の記事は、こちらを参照してください。

Wednesday, October 28, 2009

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

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で描画した4画ポリゴン

動作環境
Processing 3.4/Processing 1.0.7

〇関連項目
Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing
・Processingに関する他の記事は、こちらを参照してください。

Tuesday, October 27, 2009

Processingで点を描画する

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で描画した点

動作環境
Processing3.4/Processing 1.0.7

〇関連項目
Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing
・Processingに関する他の記事は、こちらを参照してください。

Monday, October 26, 2009

Processingで直線を描画する

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


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


出力画像(sample1244a.png)
Processingで描画した直線

動作環境
Processing 3.4/Processing 1.0.7

〇関連項目
Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing
・Processingに関する他の記事は、こちらを参照してください。

Sunday, October 25, 2009

Processingで楕円を描画する

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


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


出力画像(sample1243a.png)
Processingで描画した楕円

動作環境
Processing 3.4/Processing 1.0.7

〇関連項目
Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing
・Processingに関する他の記事は、こちらを参照してください。

Saturday, October 24, 2009

Processingで円弧を描画する

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/Processing 3.4
〇関連項目
Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
https://serverarekore.blogspot.com/search/label/Processing
・Processingに関する他の記事は、こちらを参照してください。

Friday, October 23, 2009

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

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)
groovyとJOGLで描画した複数の立方体の渦巻き

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

関連情報
groovyとJOGLのまとめ

Thursday, October 22, 2009

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

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)
groovyとJOGLで描画したへこんだポリゴン

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

関連情報
groovyとJOGLのまとめ

Wednesday, October 21, 2009

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

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)
groovyとJOGLで複数の球の文字列を描画した画像

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

関連情報
groovyとJOGLのまとめ

Tuesday, October 20, 2009

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

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)
groovyとJOGLで描画した円柱がウニのように広がった画像

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

関連情報
groovyとJOGLのまとめ

Monday, October 19, 2009

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

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)
groovyとJOGLで描画したピラミッド

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

関連情報
groovyとJOGLのまとめ

Sunday, October 18, 2009

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

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)
groovyとJOGLで描画した直方体の山

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

関連情報
groovyとJOGLのまとめ

Saturday, October 17, 2009

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

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)
groovyとJOGLで複数の直方体をスプリング状に配置した画像

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

関連情報
groovyとJOGLのまとめ

Friday, October 16, 2009

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

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)
groovyとJOGLで描画したスポットライトを使用した画像

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

関連情報
groovyとJOGLのまとめ

Thursday, October 15, 2009

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

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)
groovyとJOGLで描画した球状に配置した立方体

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

関連情報
groovyとJOGLのまとめ

Wednesday, October 14, 2009

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

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)
groovyとJOGLで複数の直方体を凸凹に配置した画像

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

関連情報
groovyとJOGLのまとめ

Tuesday, October 13, 2009

groovyとJOGLで少しずつ回転させた複数の立方体を描画する

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(
0x68/0xff as Float,
0x60/0xff as Float,
0x60/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.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.glLightModeli(GL_LIGHT_MODEL_TWO_SIDE,
GL_TRUE)

gl.glEnable(GL_TEXTURE_2D)

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(20.0f, 0.0f, 1.0f, 0.0f)

px = -7f
py = 0f
pz = 0f
ry = 0f
for(li in 0..19){
gl.glPushMatrix();

gl.glTranslatef(px as float, py, pz)
// X軸回転
gl.glRotatef(ry as float, 1.0f, 0.0f, 0.0f)
glut.glutSolidCube(0.9f)
px += 1f
ry += 10f
gl.glPopMatrix()
}

gl.glPopMatrix()
},

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


出力画像(sample1307a.png)
groovyとJOGLで描画した複数の立方体を少しずつ回転させた画像

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

関連情報
groovyとJOGLのまとめ

Monday, October 12, 2009

PyWin32とImageMagickで画像をグレースケールの立体的な角丸四角に変換する

PyWin32とImageMagickで画像をグレースケールの立体的な角丸四角に変換するには、以下のコードを実行します。


# coding=UTF-8
import win32com.client

im = win32com.client.Dispatch("ImageMagickObject.MagickImage.1")
im.convert("-size", "200x200", "xc:none",
"-fill", "white", "-draw", "roundrectangle 10,10,190,190,10,10",
"-matte", "-channel", "rgba", "sf.jpg",
"-compose", "src_in", "-composite", "-modulate", "160",
"-colorspace", "gray", "(", "-size", "200x200", "xc:none",
"-fill", "white", "-draw", "roundrectangle 10,10,190,190,10,10",
"-shade", "135x23", "-blur", "0x2", "-normalize", "-matte",
"-channel", "rgba", ")", "-swap", "0,1", "-compose", "overlay",
"-composite", "sample1340a.png")


出力画像(sample1340a.png)
PyWin32とImageMagickでグレースケールの立体的な角丸四角に貼り付けたように変換した画像

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