Animation

City Breaths Promo



Created using Final Cut Studio 2, this animation was created as a teaser for the 2008 Citywide Poets anthology, City Breaths.

Fresh Ink!


The Citywide Poets have released two anthologies in the last two years - I've been fortunate enough to be able to design the books.

This year I created a little animation to promote the book, which was hidden behind a little frontt page DHTML "prank" - the main page for InsideOut was randomly splattered with .gif ink drops, creating links to the Flash animation.

The drops are generated at random internals (via setTimeout) to create the feel of erratic dripping. Drop images are randomly chosen, and after a set number of drops, the final "???" drop appears (so that inquiring minds will click)

LivingText Scientific Animations


Some are linear animation, while others rely heavily on object-oriented actionscript to acheive a different visual each time.

Actionscripted animations



Ice Process
This animation illustrates the formation of ice. The H20 molecules float freely in space until the user indicates to cool off the temperature, then they slowly bind to form the hexagonal lattice and creates solid ice.

The molecules were rendered in 3D. Each molecule is a disparate object that moves according to its own rules until the temperature is lowered. At that point each molecule slowly moves to a point on an invisible grid. This grid is made up of movie clip objects as is scalable by changing a property of the grid object.

I had to code some wayfinding algorithms in order for a molecule to know where to go. Each molecule searches for the closest available node when the temperature drops, so each freeze animation is unique.

Orbital variations
shows all of the various orbital variations of the Earth: eccentricity, precession, and obliquity. The advantage to this presenation is that all three animations are continuous and in sync. The user can simultaneous see all three happening in tandem or eliminate others to see one more clearly. The timeline could also be paused and adjusted to see things out of sync.

I created a "zooming script" that could be attached to any movie clip allowing it to zoom in and out between two points that I used in other animations.

The Seasons
shows the progression of the sun during the various seasons. There are five earths in position: four for the seasons and one for the current month, showing approximately where the sun falls. Clicking on the planets will enlarge them to show detail of the daylight for that period.

Moisture Graph
The tricky part of having this graph be accurate was correctly transmitting information between the many objects on stage. Careful application of listeners kept the calculations to minimum so that the interface was fluid and not bogged down.

Linear Animations


Wave Motion
shows the movement of water molecules underneath the surface. No actionscripting, but careful keyframing used.

Waterspout
shows the formation of a water spout in the ocean.

The Marshal Ranger Process



This was a self-promotional piece done for the now-defunct Marshal Ranger marketing company. It was on the website and sent to clients via e-mail (604Kb).

Digital Worlds



Self-promotional 3D animation [4.7MB].

A 2-dimensional logo was created for the fictional music label, "Digital Worlds Music" that was used on a U of M compilation CD "Digital Sounds Synthesis." It was later just shortened to "Digital Worlds" to encompass more than just music.

The animation entailed a work in Photoshop, 3DSM, ProTools, and Adobe After Effects. I don't specialize in 3D work but I do enjoy it. One of my favorite sites is Tokyo Plastic.

Columbia Construction Animations



Snake Charmer was the first of two animations created as a promotional animation for Columbia Construction. The client wanted to emphasize the effortless workflow that the company provided to all of its clients.

Gone Fishin' is the second animation created as part of the series.

Puff City



Puff City was a large scale animation project produced by the Center for Health Communications Research (formerly the "HealthMedia Research Lab [hmrl]).

It involved creating animations that would produce "A Tailored Asthma Education Program for Urban Teens". It was complete with professionally produced voiceovers. I was hired to do the animation in Flash. Many permutations of the v.o. were done to tailor the animations to different reponses by the test subjects.

All the keyframes and storyboards were done by the lab, they were handed to me and I gave them life.

My major aims with the animations were to inject some cartoon humor into the movements and whenever possible make them scripted so that they weren't exactly the same each time. Not all animations were appropriate for that.

Use Your Inhaler!

All About the Benjamins
The bills are actually a complex actionscript routine that makes use of a "global wind current" that pushes each of the objects around. Each object has its own properties, however, so they are all affected differently.

Don't share!

Wash your hands!
The germs are dynamically generated clips that have their own movement properties. They scoot around and look where they're going. When the "barrier" appears, they react via collision detection, fade away and die. The second half of the animation is linear.

Zero Gravity Teaser



Before Zero Gravity was released, this animation was placed as a teaser on the website.