Personal Projects and Mucking Around

© Luke Wallin 2005-2017

Second Javascript Canvas Tree Generator


I decided to try and improve upon my previous tree generator. This still uses JavaScript and the canvas, but is a much better planned out tree, with much more smooth animations, and some far more interesting ideas behind it.

The structure of the tree is loosely inspired by some of the ideas in The Algorithmic Beauty of Plants, although this version doesn't implement any of the L-systems suggested.

My first version was a test of my new animation system from Planet Wars 2 for drawing trees:

<p>
    This proved to be a success and so I developed a slightly more <a href="/scripts/Animation/realistictree.html">realistic tree growing animation.</a> (Warning: this can run very slowly in some browsers!)
</p>
<p>
    When I attempted to add leaves to the tree, I realised just how 2D the structure really was, which lead to the development of a <a href="/graphics/java_trees">3D tree generator</a>.
</p>