Flandill

The home of a digital-ecosystem.

creative coding, illustration, web

Everything we do, no matter how minute it may seem, effects our planet. The trouble is we don’t often see it. Our oceans are filling with plastic, whole species are getting wiped out directly from human impact. Some people ask why it matters, and in the grand scheme of things, it may not—the Earth will inevitably heal itself, but to that individual turtle, to that individual bird, to that individual bear, it’s everything. It’s all that matters. Flandill is an attempt to bring visibility to this situation. It’s a website that hosts a generative animation of a fictional planet that is directly effected by its visitors.

The Ecosystem

Every visitor to the site adds pollutants to Flandill’s atmosphere, and every day it goes without visitation it heals a little. The landscape visibly changes as a result, from a scene full of vivid colours, lush with flora, to a scene dull and void of life. There’s not a whole lot of interaction (the point being that even inaction is also a choice that has consequences), but users can click around the scene, to “pick” flowers, or “pet” the creatures that live there. Picking the plants effects future of the landscape, which effects the survival of the creatures—they rely on the plants for food. Petting the creatures frightens them, effecting their individual wellbeing and lifespan. The creatures are an endangered species; there’s a set number of them, and they have only one life each. If a creature, it dies for good.

The Tech

Somewhat ironically, by visiting the site, there are real environmental effects on the planet. It takes vast amounts of energy to power the internet, to keep server farms cool—power that is often from non-renewable rescources (though we’re getting better). To counteract this real life consqeuence, Flandill (and my personal site that you’re currently on) is served by a sustainable web host.

The animation is created in an HTML canvas element, using a small felt-tip pen style illustration library that I wrote for myself (conceptually similar to P5js) to give it a more hand drawn feel.

The Patrón Experience

Educating customers on Patrón tequila in augmented reality.

user experience, visual design, 3d

Laurie Waxman

Work About

menu