Philip Glass Rework

I spent the past few months working with Ahna Girshick and Graham McDermott of Snibbe Studio on the design and development of the
REWORK app-album for iOS. REWORK_ features eleven interactive music visualizers and an interactive instrument, Glass Machine.

Each scene in the album is staged with an initial form that is transformed throughout the song. Different aspects of the music are used to either add new elements to the scene or to tug at the base form in different ways. Similarly, viewers can interact with all the elements of the scene, either deforming them, changing their course of movement, or in some cases both.

The first few weeks I was on the project were spent experimenting with the content we had and the themes we wanted to employ in the album. We had some midi data and all the songs, and I spent many hours listening to the album with sketchbook in hand to get a feel for the music. In addition to drawing shapes and writing feelings during the music, I broke down the songs I was responsible for into their component forms (think intro AABCBCBBCAAAAACC outro). This was awesome work, except on the 20+ minute Beck piece, where it was brutal.

In some of the early sketches, we were throwing stuff on screen and using the midi to do things like pulse size/color/velocity or create dynamic structures.

Large cubes clustered in space.
Flocking space junk.
Jagged horizontal lines and wireframe cubes float in space.
Wireframe floaters plus wave lines.
Nodes connected by lines moving across a red background.
Viewing the midi structure plus space junk.

Once we had general breakdowns of each piece and some visual and interaction sketches, we went through and did something closer to a storyboard for the pieces. These were used to agree on the number and types of forms/movements that would be present in each piece. Since the team was small and could envision how they would transform when coded, we kept them pretty simple.

Sketches for Opening remix.
Storyboard sketch for Opening remix.
Sketches for Alight Spiral Ship remix.
Storyboard sketch for Alight Spiral Ship remix.

From the storyboards, I produced primarily black and white interactive animations for the pieces I animated. After animating, I set up a simple framework for applying color to the various elements in the scene. Ahna and a few others at Snibbe worked on selecting colors and timing their appearance and we worked together to make sure they could color the elements in the way they wanted to. I had initially implemented HSV color fading, but for many of the palettes RGB fading ended up looking better.

For the NYC and Island tracks, Pete Hawkes developed a series of great processing sketches and detailed a number of ideas about how they could be modified throughout each of the songs. I ported his work into Cinder and added controls via XML and SVG so that other artists could do the final animation without needing to touch any code.

REWORK_ was written on top of Cinder. For sequencing the animations and matching timing with the music, we used a combination of the timeline interface provided by Cinder and midi files read in using middl. Using midi was actually quite nice, and I spent quite a bit of time toward the end pushing notes around on the piano roll in Logic to control the some of the animations.

Below are some additional process images. To see the final work, you should purchase it from the app store.

A series of concentric circles with bulging deformations.
Reshaping paths into circles.
Spirographic circular shape in black and white.
Opening WIP: flipping normals
A series of rectangles arranged horizontally on a curve.
Nodes loosely following a path.
Groups of circles deform a square grid.
Testing deformers (visible dots for debugging).
Deformed multicolored mesh.
Etoile Polair WIP

I am here now

I am showing new work this week alongside my friends in the UCLA Design|Media Arts MFA program. Our show, meaningfully titled “I am here now,” covers some of what we’ve been up to over the Summer. I will be showing projects started in a cave in Missouri, printed at Anderson Ranch in Colorado, and finished up in my apartment in Los Angeles. In other words, things that span my Summer.

exhibition postcard with list of participants and a series of phrases containing the phrase 'I am here now' within them

Pete Hawkes designed the postcard (and poster). I wrote a little script that searched twitter for the phrase “I am here now” and saved the results in a file. For a preview of the show, visit the exhibition website.

The opening reception is Thursday, October 14 from 5—8pm.

Little things

quick press cards

I just returned from a week at Anderson Ranch, where I took a printmaking workshop with Jennifer Ghormley. The workshop was a lot of fun, and the overall experience of being at the Ranch was a gift. I met many amazing people, and having a great space to work in and try out ideas made it nearly impossible to sleep during the week. Much more will come out of this once I have the time to unpack and build on the experience.

Snapshots are going up in the ranch photo set.

Written Images Cinder Template

written detritus

Written Images is an excellent project in generative bookmaking initiated by Martin Fuchs. He has an open call-for-entries to collect image-making applications. The site copy explains the project’s ambition:

Written Images; a project in contemporary generative print design and art. Its final products will be a book that presents programmed images by various artists. Each print in process will be calculated individually – which makes every single book unique.

I’m making my submissions using Cinder so I can get more comfortable with c++ and the XCode environment. To make my life easier, I added a WrittenImages project template to the excellent TinderBox tool that comes with Cinder. Get the template by either downloading my version of TinderBox (which contains the template), or checking it out on github. You can also look at an example of code generated by the template.

The template sets up your application to receive command-line arguments and handle batch-rendering of files to the provided paths. To use it, open up TinderBox and create a new project. Your settings should be: Target: Basic App, Template: WrittenImages. I think the code inside is pretty self-explanatory for use. To pass arguments to your application in the command-line (Assuming you named your project Sample, which you probably didn’t), do the following:


$ Sample.app/Contents/MacOS/Sample ./more.png ./like.png ./this.png

The reason for the longish path to your application is that the binary is actually in an application bundle. The Sample.app/ is just a directory, and to pass arguments to the application we need to call the executable part directly.

The written images deadline was just extended to July 15, so you still have a chance to make a submission.

Download TinderBox with the WrittenImages template.

Short improvisations with everyday objects

While deinstalling Leaving Here, Being There, I had a hammer and access to some of my work. I learned a bit about what a hammer sounds like while sliding along a concrete surface. While learning, I recorded a short improvisation.

Concrete Audio:

Also, a few months ago, Erkki invited some music students over to our studio. Together we performed John White’s Drinking and Hooting Machine. I invite you to listen to a selection from that performance. The piece has a score based on each person’s phone number, but the performance is flexible as it is up to each performer to decide how long each tone will be and how large a drink they will take.

Drinking and Hooting Machine: