Botanical WebGL Experience
Kinetic Garden

Overview
Jardim Estrela wanted to bring people back to the garden in early spring, before most of it is in flower. The idea was to show what is happening out of sight: ferns uncoiling, roots lengthening, leaves turning to follow the light. The site became a time-lapse you control, one scroll at a time.
Every plant is procedural, grown from a few rules about branching and phototropism, then shaded in WebGL with soft translucency so leaves glow when backlit. Scroll speed feeds the growth rate, and the cursor acts as a sun the plants lean toward. A field guide sits underneath, set in plain type, for anyone who simply wants the names.
kinetic-garden.com



Fig. 01
Reference — fiddleheads photographed weekly to tune the growth curves

kinetic-garden.com

Fig. 02
Field guide — forty-one species, one line each
Fig. 03
Specimen view — every plant can be paused and turned

Credits
Creative development — Noor Calder · Botanical advice — Catarina Leal · Photography — Hugo Brandão · Sound — Elise Navarro