Simone Seagle

Categories

Site Information

Search

Mouse-over or touch/drag to interact with the trees in Magnolias and Irises. Or, view fullscreen.

About the Art

Louis Comfort Tiffany is well known for his amazingly colorful stained glass. He was born in February 1848, the son of the famous Charles Lewis Tiffany who started the eponymous jewelry company Tiffany & Co. Originally Tiffany wanted to be a painter, but soon found that his talents were put to better use making stained glass and other beautiful household objects. He was even hired as an interior designer for the White House before President Chester Arthur moved in in 1882! Sadly, FDR removed pretty much all of his designs in 1902.

This piece of art, called Magnolias and Irises (for obvious reasons) is part of the Metropolitan Museum of Art's Open Access Art Collection. It was designed by Tiffany and manufactured by his glass company, Tiffany Studios. It was originally installed in a mausoleum in a Brooklyn cemetery but was later donated anonymously to the museum.

About the Programming

Whew. I've actually been working on this piece on and off for almost two months. I'd work on it here and there, get frustrated, go away, and come back. Consequently the code for this one is much more complex than for most of the other interactive art pieces that I've done. The basic gist is that the trees are (roughly) fractal trees using a basic branching algorithm. They aren't true fractal trees because the branches are made from semi-random sprites. If you want perfect fractal trees, check out The Nature of Code.

I first fell in love with Fractal trees for my Algorithms class in 2015. We talked about the Nature of Code and how to create fractals, and I stumbled upon this video which I totally fell in love with:

That was the inspiration for Movie Trees project, which unfortunately isn't working now because I need to fork over some money to the OMDB foundation. Anyway, fast forward to 2017 and I found a Louis Comfort Tiffany featuring beautiful magnolia trees. I wondered if I could make his trees interactive as well, but obviously they're not perfect fractals... no trees are.

I wound up working with my original algorithm, still including the recursion, but using sprites that I cut out from the painting instead of drawing lines. It took a lot of trial and error to get the trees to appear the way I wanted them to. Honestly, I still feel like they need tweaking. The code is too complicated to include in its entirety, but here are a few snippets. Feel free to look at the source if you're curious.

First, the trees are created recursively using different sprites for the branches. I found early on that it was important to make sure the wider branches never came after thinner ones. Duh, I guess.