Home > 015)メモ > 樹木曲線

樹木曲線




前から一回だけ書いてみたかった樹木曲線を書くテスト。



線の描画には「wz_jsgraphics.js」を使用。
基本的には会社にあったを参考にしながらそのまま書いてみた。
樹木曲線かー。乱数とかを適当に使ってもあんまりきれいな感じにならないなー。(当たり前かw)
次書く時はこんな感じ→Logo on JavaScriptのものを書きたいな。


function myDrawFunction()
{
	var xsize = 750;
	var ysize = 850;
	var length = 90;
	(function() {
			var n, deg, kaido, x, y;
			n = 6;
			kaido = 160 / n;
			x = xsize / 2;
			y = ysize / 3;
			deg = 180 / 2;
		  jg.setColor("#000");
			jg.drawLine(x, ysize, x, ysize - y);
		  jg.paint();
		  tree(x, y, length, deg, kaido);
	})();

function tree(x, y, lenn, deg, kaido) {
var x1, x2, y1, y2, deg_r, deg_l;

if (lenn >= length / 15) {

lenn = lenn * 0.75;
deg_r = deg - kaido;
deg_l = deg + kaido;

x1 = x + lenn * Math.cos(deg_r * Math.PI / 180);
y1 = y + lenn * Math.sin(deg_r * Math.PI / 180);
x2 = x + lenn * Math.cos(deg_l * Math.PI / 180);
y2 = y + lenn * Math.sin(deg_l * Math.PI / 180);

jg.setColor("#000");
jg.drawLine(x, ysize - y, x1, ysize - y1);
jg.drawLine(x, ysize - y, x2, ysize - y2);
jg.paint();
tree(x1, y1, lenn, deg_r, kaido);
tree(x2, y2, lenn, deg_l, kaido);

} else {
return;
}
}
}

var jg = new jsGraphics("myCanvas");

Comment:1

honda 2008-02-25 (月) 02:02

今度はマンデルブロ集合をよろしく。

Comment Form
Remember personal info


Home > > 樹木曲線

Page Top