I had the opportunity recently to do some work on a new interactive album from a Philip Glass / Beck collaboration called _REWORK. Good friend David Wicks was hired by Snibbe Studio (of Bjork iOS app fame) to create the app.
I created a series of visualizations in Processing that were used as jumping-off points for several of the tracks on the album. I lucked out and got to spend most of my time on Beck’s 21-minute track NYC—easily my favorite track on the album. The tests above use keystrokes to choreograph connections between independent particle subsystems. Final iterations in the app were rebuilt by David in Cinder to leverage events and information from MIDI, SVG, and XML.
The mouse-reactive flash below was from an older exploration I built for CompostModern with Addis Creson a couple years ago. It provided inspiration for a couple of the other tracks on the album.
The music is amazing, and the app well-worth the spend. My part was small in the much larger effort to produce the app. You can read more about the development process from David at sansumbrella.com.
Purchase the iOS app here.
Purchase the album here.
My web host Site5 has informed me that unlinked files are verboten on my shared server. After removing many gigabytes of temporary files I’d posted over the years for family, friends and clients, the persistent employees from their “emergency issues” team insist that I must supply links to the remaining files in my /download folder or remove them entirely. Apparently rules meant to quell the misuse of file space are now infringing on the simple conveniences of their oldest customers.
So that I don’t disappoint, here are a few files I prefer to keep:
Ave Maria (166 MB)
My talented sister playing her violin accompanied by my nephew Jake.
Beanie Game Test (17 MB)
A friend wanted to see how his iPhone game played on an old 3G, so I filmed a test. I mostly enjoy the way my kids peek into frame.
Binary Counter (223 K)
A type exercise for one of my MFA projects. (video below)
The interface uses an Arduino board to communicate with game software written in Processing. The structure was built out of MDF and plexiglass using a router, pin nailer, laser cutter, some good friends and a lot of patience.
Addis Creson approached me to create the motion graphics and interstitials for CompostModern 2011—a sustainable design conference in San Francisco presented by the AIGA. I rebuilt the tessellations from the brand into a code framework that allowed me to explore varied iterations and arrive at more natural constructions of form and motion. The final sequence was composed in AfterEffects using animation generated in AS3.
MOTION DESIGN, CODE: PETE HAWKES ART DIRECTION:ADDIS CRESON 2011
I enjoy animating on the timeline, but most of the motion here is driven by code. Interaction and motion design are strongest when given a little room to move and grow within natural and organic systems.
The Geeko Builder allows users to create and customize their own Linux mascot as part of a larger campaign by Novell to promote its involvement in the Linux community. The builder interface combines over 280 props, body parts, clothing items, backgrounds, and other accessories—many of which are colorable. Registered users save individual creations and then vote on their favorite Geekos from a collective gallery.
A robust, PHP-based backend dynamically creates avatars and desktop backgrounds for downloading and sharing using ImageMagick. The site is localized into 10 different languages and ties directly into social networking and merchandizing sites. Two years after the initial launch users are still adding new Geekos to the database which holds more than 8000 Geekos.
MonaVie needed a simple, clean microsite for a product launch. I leveraged existing brand elements to code generative droplets and ripple effects. The site won an AIGA 100 Award for Interactive Design in the Salt Lake City Chapter.
INTERACTION DESIGN, CODE: PETE HAWKES ART DIRECTION:AXIS41 2009
This game studio wanted a fun and tactile interface to recruit potential employees. The flash environment accommodates custom page layouts and seamless transitions between sections. Casual visitors can flip bottle caps for quirky messages that convey the personality of the workplace through controlled, random interactions and playful animation.