s
Projects
textflasher

Marc Nimoy Extraordinaire was redoing the website for the UCLA Center for Intercultural Performance (CIP) and he had embedded a small animated gif that had a marquee of text announces and fun blur transitioning. I offered to redo it in Flash 8, and give him a lot of customization features on the html side so the thing could be dynamically driven and lower bandwidth. After pulling a happy all-nighter at Beit T'Shuvah, TextFlasher was born. Thank goodness for cool flash filters. Although I know and love as3, I chose flash 8 because at the time I write this, that's installed by 98.9% of internet users. If you look in the example files, you'll see a large associative array of values and heavy commenting.

Sparkle Labs Web Development

I developed two versions of this company website for my friends from ITP. They would email me still mockups showing me their designs and I would distill that into a real site. The first site in 2006 was a lot of flash, php, and xml. The second site in 2009 is more php and html layouts. Because the original web host did not have mysql, I built a custom CMS which rewrites an xml file to disk and constructs its interface based on the xml structures it finds. It turned out to be great for designing custom data structures.

Mekanism: Need for Speed Undercover flash

I worked at Mekanism in San Francisco for a couple months mostly programming in Actionscript3 Papervision for a few things. The front page of "Need for Speed Undercover" is a papervision panorama with interactive elements. I'm impressed with papervision but it still has all the eccentricities of flash-based anything. It was easy to get into from having been so into OpenGL all this time. There were plenty of example apps to show the art director.

Disappeared In America Interactive Timeline

Interactive Flash-based visualization of news items pulled from a mysql database for an art-activism group. I developed this in preparation for a show at FACT, Liverpool having just made friends with project leader Naeem Mohaiemen. The project was supposed to be open source, but I can't figure out where I left the source.

Map for the Sefton Park Walk

A map of Liverpool's Sefton Park for the Sefton Walk Park project, the sound player will follow the trail and even catch its place when the user jumps around in the playback controller. I'm also particularly proud of the black and white version of the map. The map had to be drawn from several references since neither Google, nor conceptual maps have needed to show such a detailed level of trails in the area.

www.hci-fun.org.uk

I redid the website for the human computer interaction organisation in Liverpool England that was commissioning me to do a couple pieces at FACT. I used an open source flavour of flash - mtasc and swfmill with a lot of xml and a makefile. The source was made available on the site. We used the blog engine, b2evolution, to manage the content, and the flash file just pulled the content from the mysql database and presented it this multi-windowed way. Now that I look back on it, Drupal would probably have been more appropriate. The user interface was a bunch of UIComponent windows that popped up inside the browser. Small green indicators and trails were used to point out where the user had clicked and dragged the mouse in an artistic overlay. I subclassed the window component to add a resize control at the bottom right corner.

Icon==Function

This series of seven interactive musical compositions is intended for serious play and wonderment about tools. Each piece is an abstract visual sound scoring language capable of playing itself back as the user gives input. The series is several attempted embodiments of my conceptual response to a recent HCI conclusion, as written in CWC 2004:

"Icon interpretation is inherently ambiguous because the relationship between icon and function is not determined by a set of well-defined syntactic and phonological rules."

Icon==Function is a science fiction, showing a hypothetical dystopia / utopia. What would an interface be like if its iconography were determined by a well-defined ruleset?

The software art was conceptualised by JT in a series of long-winded email discussions with David England and curator Michael Connor. The sketches were then interpreted by Josh, Matthew Phillips, and David Lu in a number of programming languages. The code is hosted by Sourceforge.

hexball coded by jt using lingo

interactive piece

gears coded by jt using p5

interactive piece

nesting circles, coded by jt using p5

interactive piece

triangle music coded by jt using p5

interactive piece

bouncing boxes coded by jt using p5

interactive piece

bouncing boxes coded by Matthew Phillips using as2

interactive piece

colored squares coded by David Lu (aka Forkinsocket) using as2

interactive piece

Each piece in the series is a simplified programming language used to instruct the computer's functional output. A whimsical code editor is exposed to the user as a visual toy that interacts with a mouse and keyboard. No other labeling or indirect tagging is used to mark the mini-programs written with each mini-language. The languages are made of simple geometries - capable of representing themselves as their own icon. The function's code can be seen as its own graphical icon. The well-defined syntax of iconography in each representation is precisely the instruction language controlling the sound output. When a user browses a small set of thumbnails looking for a state to load and play, the user is not seeing a textual name given to the work, nor a proxy graphic that attempts to explain the function by some cultural mapping. Instead, the user sees the code, itself. In the name "Icon==Function," a double equality operator is taken from modern text-based programming to communication that the icon and the function are the same as one another. If a single equality sign were used, it would signify undesirably that the function in these pieces are somehow being assigned to the icon, and that the icon is a transparent address for the function. The art series aims to collapse the two ideas into one just for the sake of both conceptual argument and exploratory scientific research.

Just Language Enough

In computer programming, the word "function" is used to describe a collection of instructions that perform a coherent task. A function hides the code inside of it from attention, and allows its code to be invoked only by calling the function's name. In creating the seven visual languages in this series, my biggest aim was to produce the beginnings of language-ness from my interactive geometries. The aim of adding the modern features of 'real' programming code (such as memory and logical flow of control) was somewhat irrelevant. In most cases, a simple linear list of instructions sufficed in order to make the artistic point, and to provide the software user with an experience that was close enough to programming that they would gain some sense of authorship with their constructions. A stronger focus was also placed on making the experience playful in a game-like way, rather than providing the user with an industrially competent solution.

Usability of the Pie are unfamiliar components that interface designers hope to channel their users to embrace through play or necessity. This is the part of the experience that I am calling the exploration.

In the pieces of Icon==Function, the interfaces I am recycling come from CAD and desktop graphics software applications like a paint program or paste-up application. The colored square game is a slight variation of a pixel editor. The triangle music interface is a modified vector-line drawing tool. "Gear Sound" and "Nested Circles" both rely on circle-drawing tools. Although HexBall heavily resembles a video game, the most basic interface is a pixel editor -- and so on. That is the intuition aspect. The exploration aspect is what happens to those graphics creation interfaces that result in something more than simply the circle that was drawn, or the pixel that was toggled. No one originally expects music to come from their rectangle dragging tool, nor would they expect the element they drew to bounce around on the screen and obey gravity after they drew it. However, this expectation should also become intuitiho are already familiar with painting and graphics applications. Even if draggable rectangles exist as part of widespread commercial GUI OSes as a 2D spatial "multi-select" for file icons, it is questionable what percentage of the user population considers that an integral part of their computing lifestyles and would recognize it in a new program, or know to check for it. My mother (age 59, health care manager) has had considerable difficulty getting into each piece as she must be told to actually drag the mouse instead of just clicking it. After being reminded to drag, she spends most of her time struggling with the touch pad on my laptop, and eventually concludes that the piece is visually beautiful, without delving deeply into trying new combinations. It is interesting for me to see her interact with the pieces because she doesn't seem to understand the language, nor is she searching for one. On the other hand, my brother (musician in his early 20s) is better familiar not only with graphics programs, but video games and software development as well. He has witnessed my software interface experiments since the mid-1990s and already knows that I expect him to explore, given little or no instruction. My brother will start by doing "the sensor dance." The sensor dance is what happens when a human is trying all the different entry points into the interaction that he or she can think of, in hopes to get any sort of response out of the unrecognized interface. While an ambiguous physical installation will cause a person to wave their arms in the air, move close and far, shout, clap, and touch, a desktop computer based work (restricted to a mouse and keyboard) evokes a different kind of sensor dance. The person will click around on everything, dragging the mouse in different places and pressing different keys. In my own observations, people have also been known to re-launch the application to see if it does something new or to check to see if it's broken. My brother is quick to engage in a neactive language, creating new instances and enjoying the outcomes as his own achievements. Since he is a musician, he's familiar with the idea of embracing a system and recombining its parts to produce a new expression. One could say that my interfaces are more intuitive for him. He is familiar on more levels than just see-and-remember. I think these outer, more anthropological scopes of understanding usability could make the problem clearer than simply analyzing the language that translates between icon and function, or icon-system and function-system.

Artist and coder: Josh Nimoy, coder: David Lu, coder: Matthew Phillips, Commission from FACT (www.fact.co.uk) and JMU HCI (www.hci-fun.org.uk) curated by Michael Connor & Marta Ruperez. HCI research headed by David England.

Cambridge Study Word Scrambler

One season, I was getting this ridiculous email forward about the readability of messed up words. After the 3rd time I received the forward, I decided to make an online application that would scramble peoples' text for them. The application caught a meme wave, and people started emailing me thinking I was the authoritative "Cambridge" researcher who originated the "study."

  • Page 1 of 2
  • Page 1 of 2