Fractal Forests & Geometric Trees

“a forest is but an array of trees” in this generative canvas forest from creative coder Sophia Wood. Click the canvas to for a new forest scene.

Tom Miller’s “futzing w/ polygons” yields this intriguing GSAP-powered SVG animation of the inside of not-quite-natural trees.

Vanilla JS maestro Dillo is always iterating on his creations. This acid green & purple Pen is a new take on Branches “with a special animation to draw the branches gradually in length and thickness”.

RodenKerthin presents a beautiful selection of 11 different postmodern trees, all drawn with CSS. Toggle open the hamburger menu up top to see them all, and click in to see each tree up close.

Konstantin Denerz shares a neon fractal that grows branches like a tree, then collapses into geometric patterns. You can use the config menu at the top of the Pen to customize the tree size.

 

A JavaScript tree grows, blossoms, fruits, and fades away until the cycle starts again in this lovely animated life cycle from Jon Kantner.

It’s all about texture in this terrific P5.js Pen from Dave Pagurek. Watch it for a bit to see that wonderfully gritty light shine down into different parts of this JavaScript forest.

A different spring-green tree appears every time you click the “Bloom” button in this procedural Pen from Joshua van Boxtel.

The dreamy star of this generative canvas Pen from Mustafa Enes is a tree in full bloom with little pink blossoms. For a winter version, check out Mustafa’s 300 – Tree of hundred segments.

A tiny forest of excitable trees hop and shimmy in loading anticipation in this fun animated Pen from lopis.

Blogbook : PHP | Javascript | Laravel | VueJs | Python | TensorFlow