Page 1 of 5 pages 1 2 3 > Last »
Precision Targets launches; interactive comic and essay within a navigable cube
Animation, Announcements, Comics, Digital Humanities, Flash, Flex
Posted 4/29/10 by Erik Loyer
A screenshot from Precision Targets.
It’s been a long time in coming, but I’m very happy to announce the official launch of Precision Targets, a collaboration with scholar Caren Kaplan that uses a hybrid comic/essay format to explore the militarization of everyday life through technologies like GPS. Precision Targets places the user inside a cube containing six parallel stories told through interactive comic panels that are married to threads of commentary by Kaplan.
Precision Targets was my first collaboration with illustrator Ezra Claytan Daniels, and my first experiment with digital comics. Each story consists of four panels which can be browsed by rotating a cube. Individual panels (some of which contain animation and interactivity) can be entered and navigated with the mouse. Every panel has associated commentary by Kaplan which can be expanded by clicking “more”. Clicking “more” again further expands the commentary to a full-screen view for more in-depth reading, making it possible for users to switch between visual, textual, or hybrid reading modes at will. (Be sure to try adjusting the window size; the piece will adapt to whatever aspect ratio you like.)
One element of the project that can be easily missed is the Index, a force-directed SpringGraph visualization of the image and textual elements that make up the piece (you can access this feature by clicking “Menu” and then “Index"). You’ll see the individual graphic elements that make up each panel linked together in an interactive network diagram—to my knowledge, the first time a visualization like this has been applied to the individual layers of comic book panels (feel free to correct me if I’m in error).
This project was conceived before the current “motion comics” trend, so I’m very curious what people will think of the approach, which takes a different tack than most works labeled as such.
“Music, Lyrics and the Wii Remote: Creating ‘Swing’” this Wednesday at LA Flash
Announcements, Flash, Flex, LA Flash, Wii
Posted 1/19/09 by Erik Loyer
SoCal folk: come on out to 2009’s first meeting of LA Flash, this coming Wednesday, January 21st, from 7 - 10 pm—I’ll be giving a talk called “Music, Lyrics & the Wii Remote: Creating ‘Swing,’" followed by Amir Fischer covering “The Emerging market of 3D in Casual Gaming,” a raffle, and networking. I’m going to cover some background relating to the creation of “Swing,” and provide a brief introduction to WiiFlash, the ActionScript library that allows Flash to talk to the Wiimote, nunchuk, classic controller, and balance board. Would love to see you there!
Postmortem: “Swing” at LAFlashapaloozastock III
Events, Flash, Flex, Interactive Design, LA Flash, Music, Typography, Wii
Posted 12/9/08 by Erik Loyer
“Swing" was briefly installed outside next to a Wii running
Wii sports, but otherwise spent most of its time inside.
LAFlashapaloozastock III was another well put-together event—I enjoyed Ralph Hauwert’s talk on Flash effects and 3D as it was one of the best at bringing some perspective outside of the immediate world of Flash. Hauwert wove Escher, Pink Floyd, and the Amiga demoscene into the mix in a talk that otherwise would have just been a sequence of “ooh, cool!” demos (though they were quite cool… fluid dynamic bump maps on 3D objects, for instance...).
It was a challenge getting people comfortable enough with “Swing” to try it out—I had only one song request ("This Is How We Do It” by Montell Jordan) and that came early in the day, before a lot of folks started showing up. Over the course of the day I started calling the piece “karaoke for introverts” since no singing was required, but all the same people seemed reticent to pick a song and give it a go, just as if I had brought a real karaoke machine to the proceedings.
A student asked if I had considered adding greater variety to the visuals (color, etc.)—a valid question, given the apparent simplicity of the display. I explored this both during the original development of the piece and for this new version, but in both cases found that adding additional visual elements or processing made the experience too complex cognitively. While the YouTube video makes it look easy, trying to synchronize motions, syllables and pre-recorded music is actually a pretty challenging task for a novice, and glitz just makes it harder.
All in all, I came away with three keys to a successful “Swing” experience:
- You’ve got to feel comfortable
- You’ve got to love the song you’re performing and know it inside and out
- You’ve got to be tuned into the rhythmic implications of whether your text is broken down into words or syllables
All of these things are easier to realize at home than in an installation space, so I’m planning to post the new version of Swing (which will now run in a browser for both Mac and PC users) soon, probably after Ruben & Lullaby is released.
Speaking of which, I met a lot of great folks during the event and got a lot of interest in Ruben & Lullaby (my upcoming iPhone/iPod touch game). I’ll be putting the finishing touches on over the next week or so, so stay tuned…
New version of Swing, the Wii Remote typographic karaoke Flash experience, to debut this Saturday
Animation, Announcements, Events, Flash, Flex, Fun, Interactive Design, iPhone, LA Flash, Music, Typography, Wii
Posted 12/5/08 by Erik Loyer
For those in the Los Angeles area, stop on by LAFlashapaloozastock III in Venice this weekend for a full day of Flash goodness, including the debut of a new version of Swing. Swing has evolved into a typographic karaoke experience—we’ll use online services to stream your choice of song, download the lyrics, and get you waggling your way to Wii happiness. I’ll also have a number of “tuned” song/lyric combinations for you to play (yes, your dream of finally seeing a type animation of every single “ee-oh-oh” in Every Little Thing She Does Is Magic is about to be realized).
I’ll also be handing out postcards and generally talking up my upcoming iPhone game “Ruben & Lullaby,” which should be released in the next few weeks and has already garnered notice in TouchGaming. For more information visit opertoon.com.
Hope to see you there at LAFLashapaloozastock!
Viewfinder: Your photos, seamlessly aligned with Google Earth
Announcements, Flash, Flex, Viewfinder
Posted 4/4/08 by Erik Loyer
Over the past six months I’ve had the privilege of working with an outstanding group of folks from USC’s Interactive Media Division and the Institute for Creative Technologies on a new project called Viewfinder, directed by Michael Naimark. It’s a departure from my usual work in that it’s more of a pure research project—the goal being to make it easy for people to place their photographs into a 3D world model like Google Earth so the the image is perfectly aligned with the model. We launched the piece this week with a website, demo video, and coverage on the NY Times Bits technology blog.
As part of the project, we developed a browser-based 2D method for lining up a photograph with a Google Earth screen shot and then doing the necessary calculations to correctly “pose” the photo in Google Earth in 3D. This involved a Google Maps/Earth mashup developed by Will Carter that allows you to pick a point on the earth in Google Maps and see the resulting location in Google Earth (a navigation method which turns out to be much easier than trying to move around at ground level in Google Earth itself).
The second part of the 2D method was a Flex application I developed that allows you to drop a photo on top of the Google Earth image and alter its scale and position until the two are aligned as closely as possible. Some trigonometry is then applied to generate the KML code that correctly places the photo in Google Earth. Once we got the workflow up and running, it was pretty interesting to try posing different kinds of images—my personal favorite was the high angle matte painting of the United Nations building from Hitchcock’s North by Northwest (see below). It’s amazing to see how closely the painting matches the Google Earth image (especially considering the angle). I’ve posted a few more stills from the project as well.
If you check the “Results” area of the website, you’ll see that we also developed a proof-of-concept for a 3D posing method in which the user drags 3D geometry around to match the photo while an algorithm interactively solves for the correct pose. This is hardcore computer science stuff and it was great to see the folks from ICT put this together. A fascinating experience overall.
