ly0va/nice_tree.html

## nice_tree.html
<html>
<head>
    <meta charset="UTF-8">
    <script src="https://unpkg.com/p5"></script>
    <script language="javascript" type="text/javascript" src="nice_tree.js"></script>
    <style>
        body {
            padding: 0;
            margin: 0;
        }
    </style>
</head>
<body>
</body>
</html>

## nice_tree.js
const trunkLength = 200;
const trunkThikness = 20;
const leaf = 6;
const wantToSeed = true;
let angle, wantRandom;

function tree(len) {
    if (len <= leaf / 2) {
        noStroke();
        ellipse(0, 0,
                random(leaf, leaf * 2),
                random(leaf, leaf * 2));
        return;
    }
    let thick = map(len, 0, trunkLength, 0, trunkThikness);
    strokeWeight(thick);
    line(0, 0, 0, len);
    translate(0, len);
    for (let sign of [1, -1]) {
        push();
        if (wantRandom.checked()) {
            rotate(sign * random(PI / 12, PI / 3));
            tree(len * random(0.5, 0.8));
        } else {
            rotate(sign * angle.value());
            tree(len * 0.7);
        }
        pop();
    }
}

function change() {
    if (wantRandom.checked()) {
        angle.hide();
    } else {
        angle.show();
    }
    redraw();
}

function keyPressed() {
    if (keyCode == ENTER && wantRandom.checked()) {
        redraw();
    }
}

function setup() {
    createCanvas(windowWidth, windowHeight);
    colorMode(HSB);
    stroke(0, 100, 50, 0.7);
    fill(120, 100, 80, 0.3);
    wantRandom = createCheckbox('Random?', true);
    wantRandom.position(0, 0);
    wantRandom.changed(change);
    angle = createSlider(PI / 18, 2 * PI / 5, PI / 4, PI / 180);
    angle.position(0, 20);
    angle.input(redraw);
    angle.hide();
    noLoop();
    if (wantToSeed) {
        let seed = prompt('Enter your name');
        randomSeed(hash(seed.toLowerCase()));
    }
}

function draw() {
    background(200, 20, 100);
    translate(width / 2, height);
    rotate(PI);
    tree(trunkLength);
}

function hash(str) {
    const prime = 37;
    const mod = 1000 * 1000 * 1000 + 7;
    let res = 0, power = 1;
    for (let i = 0; i < str.length; i++) {
        res = (res + str.charCodeAt(i) * power) % mod;
        power = power * prime % mod;
    }
    return res;
}
	<html>
	<head>
	<meta charset="UTF-8">
	<script src="https://unpkg.com/p5"></script>
	<script language="javascript" type="text/javascript" src="nice_tree.js"></script>
	<style>
	body {
	padding: 0;
	margin: 0;
	}
	</style>
	</head>
	<body>
	</body>
	</html>
	const trunkLength = 200;
	const trunkThikness = 20;
	const leaf = 6;
	const wantToSeed = true;
	let angle, wantRandom;

	function tree(len) {
	if (len <= leaf / 2) {
	noStroke();
	ellipse(0, 0,
	random(leaf, leaf * 2),
	random(leaf, leaf * 2));
	return;
	}
	let thick = map(len, 0, trunkLength, 0, trunkThikness);
	strokeWeight(thick);
	line(0, 0, 0, len);
	translate(0, len);
	for (let sign of [1, -1]) {
	push();
	if (wantRandom.checked()) {
	rotate(sign * random(PI / 12, PI / 3));
	tree(len * random(0.5, 0.8));
	} else {
	rotate(sign * angle.value());
	tree(len * 0.7);
	}
	pop();
	}
	}

	function change() {
	if (wantRandom.checked()) {
	angle.hide();
	} else {
	angle.show();
	}
	redraw();
	}

	function keyPressed() {
	if (keyCode == ENTER && wantRandom.checked()) {
	redraw();
	}
	}

	function setup() {
	createCanvas(windowWidth, windowHeight);
	colorMode(HSB);
	stroke(0, 100, 50, 0.7);
	fill(120, 100, 80, 0.3);
	wantRandom = createCheckbox('Random?', true);
	wantRandom.position(0, 0);
	wantRandom.changed(change);
	angle = createSlider(PI / 18, 2 * PI / 5, PI / 4, PI / 180);
	angle.position(0, 20);
	angle.input(redraw);
	angle.hide();
	noLoop();
	if (wantToSeed) {
	let seed = prompt('Enter your name');
	randomSeed(hash(seed.toLowerCase()));
	}
	}

	function draw() {
	background(200, 20, 100);
	translate(width / 2, height);
	rotate(PI);
	tree(trunkLength);
	}

	function hash(str) {
	const prime = 37;
	const mod = 1000 * 1000 * 1000 + 7;
	let res = 0, power = 1;
	for (let i = 0; i < str.length; i++) {
	res = (res + str.charCodeAt(i) * power) % mod;
	power = power * prime % mod;
	}
	return res;
	}