processing.jsで3dを描く、ちょっとだけ。

ちょっと確認したいことあって書いてみたのだけど、当初の目的には使えなそう。残念。

chromeでしか確認してませんぜ。

Please upgrade your browser to something newer, like Google Chrome

ソースは以下。

<script type="text/javascript" src="processing-1.3.6.min.js"></script>
<script type="text/processing" data-processing-target="pjs">
void setup() {
	size(540, 200, OPENGL);
	frameRate(50);
	noStroke();
	fill(153, 0, 0);
	smooth();
}
void draw() {
	background(0);
	ambientLight(63, 31, 31);
	lights();
	for(int i = 1; i < 5;  i++){
		pushMatrix();
		translate(i * width/5, height/2, 0);
		rotateX(mouseX * 0.05);
		rotateY(mouseY * 0.05);
		box(45);
		popMatrix();
	}
}
</script>
<canvas id="pjs"></canvas>

今年はprocessingもちゃんと使ってみよう。