blacklog

Like lost humans in the planet of the apes, Kyle and I were the only ones left to witness the end of the PLW.

warning: tinyDoodle only runs on safari and firefox

I’ve just deployed a simple web application called tinyDoodle. It is a javascript based public canvas where people can draw at the same time from any computer in the same place. When I made it i was thinking on opening a space for people to chat with drawings, or a place when somebody else could come up from nowhere and screw up your drawing. Every stroke made in the canvas is stored as a different object in a database, along with enough information to let me playback any portion of the drawing process at a given time. This idea is half inspired by John’s own oneline, and explores how much easier and interactive can a similar project be if made with current technologies. As with other interactive drawing scripts I have made, tinyDoodle is based on the html canvas tag, and for this reason it is only supported by firefox and safari. Sorry about that.

I also took some time to research over the web and look for other drawing systems that use the natural resuorces on the web to engage users in drawing based social interactions. I was surprised to find a ton, some of them very similar in spirit and implementation to the tinyDoodle canvas and other ones I have been involved with. The following are the ones I chose to describe and display:

Oneline (1997-1999):
By Maeda. A pioneering Java based system, this one is sadly not online anymore, but it is the first one of this kind I’ve known of. John’s website provides detailed information on how it used to work. The illustration shows a collection of drawings displayed over the same surface.

Drawball:
This one is very fun. Drawball is a collective anonymous canvas implemented with flash. It has an interesting interface that zooms in and out the surface of the drawing, and keeps track of the portion you’re looking at by identifying it’s location with a URL. It also features an ink counter that keeps track of the ink you’ve used, and gives you ink if you keep the drawball page open in your browser. It also updates itself continually, so you can see others drawing in your spot while you draw, just like in tinyDoodle. The following illustration shows a sequence where Takashi and I were drawing our corresponding graffiti tags at the same time.

BennetonPlay Flipbook:
The online collaboration model is a total trend these days, and several corporations have started their social network based sites under creative activities like drawing. Benneton’s Flipbook is a very successful example that’s based on providing a tool for making animations, user accounts, and a rating system that lets the most popular animations emerge from the collective pool of little animations. Benneton claims they have 89,761 in there, and some of them are pretty good. Benetton also has a doodle community site, which features drawing canvases where you can chat with your friends using drawings, just like in, um, tinyDoodle. As most other social network applications supported by corporations, both of Benneton’s systems are user centric, and request visitors to create an account before they can use them.

Openstudio:
By the PLW. In Openstudio, the drawing tool and the social network are put together with a simple open economy. Unlike different social networks where you get to choose who are your friends, Openstudio keeps track of your relations with others by looking at the history of your transactions, connecting you to the people you’ve had bought from, sold to, or those that chose to show your art in their own galleries.

Sheepmarket:
This one is funny, because it turns out to be related with openstudio and with an entry I wrote in this journal some time ago about the shepherd, in which it seems I was completely clueless about where the shepherd comes from. I don’t understand exactly how it works, but I think it is hooked up to amazon.com so anyone could draw sheep and get payed for it. The collection of sheep is displayed online where you can buy prints. Of sheep.

Tiny Icon Factory:
The tiny Icon Factory is an anonymous online repository for tiny icons. 168047 so far. By Brent Fitzgerald and yours truly.

ZeWall:
Zewall emulates graffiti. It gives you pictures of walls of metro trains to paint on. It is kinda contradictory that you have to give away your email address before you can paint, becuase it takes away the whole point of graffiti and anonymous vandalism.

Modster:
Created by Javascript mastermind and browser commander Takashi, Modster is a html canvas (safari and firefox only) user based exquisite corpse web application. You start by drawing the top of the drawing and invite someone else (from within the system) to do the next part. The point of exquisite corpses is that the people in turn can’t see what people made before them, leading to a fresh result of surreal, fresh, and dislocated images.

… and tinyDoodle:
After all this, tinyDoodle doesn’t seem like much of a contribution to the world of online social drawings, except it joins Modster and Rafael Robayna’s painter example as an effort to find more natural ways to embed creative applications into the browser space, and uses drawing as an example to explore new ways to deal with digital interpretations of time, and how it can affect the interaction with process and data. Time and user actions make parts of the drawing dissapear into the database limbo as each stroke grows older, illustrating a path for finding meaningful relations between the everchanging information multiverse, and the ways we choose to represent it.

In the end, all of these tools are all nothing more than social toys and explorations. Even though I consider play as one of the most important human activities, I’d like to see the act of drawing incorporated to interactive technologies as a common place in daily life, just as typing and clicking are today.

…before your media eats you.

Cannibal Boy was created as the mascot for the PLW Cannibals. The PLW Cannibals are Kate, Kyle, guest cannibal Meg from the real world, and me. We teamed up to participate in a 24 hour build-a-prototype competition called prototype-a-thon that takes place every year during january in the Media Lab. The theme this time was about media and food. After a long night of think, design and code, we came up with eyeTaste, a computer vision augmented set of glasses that keeps track of what you eat, tries to control your habits by sending messages to an embedded display on the surface of the glasses, and loads data to a log of what you eat in a social networking web application, where you can examine your stats and correlate them with those of your friends. It’s Just another example of intrusive technology. During the competition, we were only beat by Brent’s team with their foodstckr project, and Takashi’s and Amber’s team with WeCook. Overall, PLW dominated the prototype-a-thon.

The website:

Callibrating the vision system:

Snapshots of Kate using the prototype glasses on a muffin and an apple during the competiton:

I love street art.

I love the posters and the stickers and the graffitis, and I specially love the black and white. I usually scan the streets looking for the surprising, rebellious kinematic images, and I don’t really care much if some of them actually are dummies of profitable merchandising or disguised alternative advertisement. Even after all this years, I still smile when I find a new manifestation of the OBEY propaganda campaign. I wonder if the internet could allow some of that, if there was a way of sneaking artwork in the space between transitions or somewhere else. If there was a way to scratch on advertisement banners or draw a mustache on the pictures of the celebrities. If there could be a layer of persistent user expression on top of everything else. I guess community generated websites can be understood to play that role a bit. They allow for free space of expression that can eventually lead to surprising mutations of street art. For example, the last time I saw the OBEY trademark was not on a street corner, it was not on a mailbox and it was not on a street sign. In fact, it could never be found anywhere in the street world at all. It was created within the web by some anonymous contributor to the Tiny Icon Factory that miraculously managed to translate the curvy shapes of Andre the Giant’s graphic portrait into a 13 by 13 square black and white little grid. I’m sure it must be hard to find such a virtuoso creator of icons. As Brent already pointed it out, there is a potential for making 2^169 different Tiny Icons, and we humans are only around 7 billion, leaving each one of us with as much as 1.0690e+41 possible icons to create. Finding the right combination of black and white squares that looks like Andre the Giant is an impressive achievement that would have never happened if it was not because of an interesting chain of events that started last thursday and fueled the Tiny Icon Factory with unprecedented mouse clicking human power. Brent told John about our Tiny toy project, John blogged it, a few people bookmarked it in del.icio.us, some other people digged it, and by the next morning the Tiny Icon Factory was producing more than 200 ipr (Icons Per Hour) by the creative few out of around 10000 visitors. 6999 Tiny Icons are sitting in the PLW database right now, although the Icon birth rate has already slowed down to a couple of tens per hour. All kinds of stuff, some of them silly, some of them dull, some of them clever, some of them pretty, some of them obscene, some of them brilliant, and all of them equally Tiny. One particular Icon called my attention out of the multitude, a tiny tribute to a giant man.

Is there a better obstruction for drawing than a 13 pixel canvas and a black and white binary/boolean color palette? I guess not. While working on our collection of smaller than life icons, Brent and I realized Photoshop was not giving us what we wanted and both ventured on building our own Tiny drawing application. Brent’s version is written in Ajax and embedded in a Rails application that already lets you load and save icons online. Mine is a functionality rich Applet that will eventually talk to Brent’s Rails repository for saving. It features an invert function, several previews in different scales, and an optional grid, all meant to enhance your understanding of such a meaningful art form. Our custom data format is a 169 character string of 0s and 1s. Longer than my attention span in a very good day, it will not fit my layout (or your browser) unless I shrink it or break it. After breaking it 13 times, the source of a typical Tiny drawing looks like this:

0 0 0 0 0 0 0 0 0 0 0 0 0
0 0 0 0 0 0 0 1 1 1 1 1 0
0 0 0 0 0 1 1 0 0 0 0 0 1
0 1 0 0 1 1 1 1 1 1 1 0 0
0 1 0 0 1 1 0 0 0 0 1 1 0
0 1 1 0 1 1 0 0 0 0 0 1 0
0 0 1 0 1 0 0 0 0 0 0 0 1
0 0 1 0 1 0 0 0 0 0 0 0 1
0 0 0 1 1 0 0 1 0 0 1 0 1
0 0 0 0 1 0 0 0 0 0 0 0 1
0 0 0 0 1 1 0 0 0 0 0 1 0
0 0 0 0 0 1 1 1 1 1 1 0 0
0 0 0 0 0 0 0 0 0 0 0 0 0

If you stare at it long enough, you will get a headache, and you will almost see the drawing: