Archive for the 'web' Category

IML400 Spring 2013 Edition

Thursday, January 24th, 2013

I’m teaching IML400 at USC again this Spring. So fun. I am extremely grateful that my employers at Wemo Media are letting me do this. I am sure they are aware that letting me keep a teaching front will only benefit my involvement in the company.

The semester kicked off in an interesting way with an event featuring the recent work of two thirds of my thesis advisors from the Media Lab. Reas and NickM presented their book 10 PRINT [babble] GOTO 10 and sustained a long and interesting discussion with a bunch of other digital humanists about the digital text and other [digital] things.

Going back to the subject of my class, I have to say I was very happy with the results I got from the Fall 2012 edition. In this page you can find links to the class websites and their final projects. Some of them are fairly interesting in terms of concept and execution —like this one and this one— and over all I believe we reached my goal of helping them learn how to learn. I feel they got to a point where we could have continued with a next semester of serious design and interactive storytelling work. Perhaps in the future I will be able to teach a season two of creative web production, but I am actually not sure I am ready to push the boat into deeper waters yet, so I will remain teaching at an intro level for a while.

I am excited to have a cool teacher assistant this semester —Adam— a USC PhD candidate who develops awesome games and recommended me a great intro to javascript book [eloquent javascript] that will help us a lot later in the semester.

My 3023 Instagram Photos

Monday, December 31st, 2012

I don’t like to be forced to grant a permanent all purpose license over my content, so I decided to stop posting photos on Instagram after the recent update to their terms of service.

I will not delete my account, and I might change my mind about this, but I don’t plan to take any more photos on Instagram. This makes me a bit sad, because there is definitely no substitute for me to post casual descriptions of my life to share with many of my close friends.

From now on, I’ll probably limit myself to use Instagram the same way I use facebook, to keep in touch with friends, leave occasional comments, and “like” some of their stuff.

Two years and 3023 photos. I was two pictures short from having 55×55=3025 Instagram photos. Who cares, perfection is always elusive. On the other hand, 3023 is a pretty sweet prime number.

instagram-3023

In TheBlu

Monday, March 5th, 2012

The last month and a half I’ve been working with Wemo Media in TheBlu. TheBlu is an unusual mix of social media, peripheral entertainment, virtual marketplace, and crowd-sourced digital studio. It’s a new effort in the ongoing quest to find a functional combination between Hollywood and Silicon Valley. I was called at the end of January to provide Art Direction, and to work on User Interface and User Experience Design. This means I’ve mostly been using good old Illustrator/Photoshop/AfterEffects for mockups and asset deliverables, and Javascript/HTML/CSS for prototyping and implementation. I still have to get my hands on the actual 3D part of the whole thing. I hope it will not take too long.

An exercise in personalization

Friday, January 20th, 2012

Last month I worked with BuzaMoto on a website for the MoMA Armory Show 2012. Mud made the website and I provided the content artwork for the main feature of the site: A personalized virtual BobbleHead creation tool.

These BobbleHeads are offered by MoMA as an extra token for people that buy access to the live stream of the Armory Show closing event: a live performance by mexican chill wave band Neon Indian. In addition to this, the collection of generated BobbleHeads will be projected on stage during the performance.

Aside from it being an interesting fundraising participation system, momaarmoryshow.org is an excellent example of a seamless, low-effort online transaction experience. I would probably spend a lot more money on digital content if other online stores made shopping as easy and pleasant as momaarmoryshow.org does.

I designed most of the BobbleHeads based on dead celebrity artists (Frida, Picasso, Warhol, Louise Bourgeois, etc.), together with a couple of celebrities from pop culture, one science celebrity, and a monster made from body parts of several cadavers. This flickr link features the complete BobbleHead collection in the form of a wallpaper, including a famous superhero that didn’t make it to the website for obvious copyright reasons.

Here are the two BobbleHeads I made so far:

  • Black on a Saturday morning, featuring the real me,
  • and Maya goes to the gallery, featuring Maya as an art snob.
  • Update: Mud’s post in the BuzaMoto blog.

    A note on Sopa/Pipa

    Wednesday, January 18th, 2012

    We all know most of the decisions made in the U.S. congress have a direct impact on the rest of the world. Even though most of our countries suffer from some degree of internet censorship, and some people might suggest that we should protest our own disastrous legislations first, the state of the internet in the United States is something we all use to our advantage, something worth protecting, and a good-enough example to look after for some. Perhaps it’s time for the world to take a stand and USE THE INTERNET to tell the U.S. congress that people everywhere have something to say about the decisions they make, like for example, that SOPA/PIPA belongs in the toilet.

    I am not going to black out my site because, honestly, I don’t think anybody will care, but in case you happen to see this today (or any other day), I leave you here in the hands of Science Fiction superstar Cory Doctorow, delivering a keynote where he paints a pretty good picture about the current state of things. Additionaly, the Electronic Frontier Foundation has more information on this and other issues central to your freedom online.

    Update: The same Cory Doctorow just posted another video on boingboing, where the Khan Academy explains the implications for legitimate sites in a world where SOPA/PIPA is law.

    Update Two: Clay Shirky’s take on SOPA/PIPA “Get ready because more is coming”:

    Data doodles

    Saturday, August 13th, 2011

    About a month ago, I made a new backup of the data from tinyDoodle. It is available as a text file consisting of 31.2 megabytes of integer coordinates of 2d points that are put together as a very long sequence of line segments. It’s formatted in JSON in a straightforward way. It doesn’t matter to me how silly this application sounds, there is something I still find incredibly compelling about the ability of computers to capture drawing gestures as sets of numbers that can be performed as drawing gestures that are sets of numbers. I think this drawing-to-number quasi-biyection is priceless.

    I was recently talking about how different interaction models determine differences in communication, and how interesting it is for me to look at scenarios where a group of humans is restricted to use non-conventional channels to communicate with each other. Like putting two persons in a room and have them play a game where all they can do is make drawings to each other. Blackboard, paper, whiteboard, it doesn’t matter. Their communication will not be very efficient this way, but they will get very creative at drawing, and maybe come across some ideas that they would have never explored any other way.

    More recently, Buzamoto launched a cool iPad app called Pendipity that offers a similar functionality to tinyDoodle, only better. It features a more advanced, yet very simple, drawing interface, and it implements a seamless chatting experience using a Node.js server. In terms of space, the difference between both systems is clear. When someone initiates a shared Pendipity session, the system will look for another available user to create a drawing team of two, and TinyDoodle is an open space where anybody can access the same drawing at any given time. So tinyDoodle is like a public blackboard, and Pendipity is like a shared notebook where every visitor is paired with someone else to draw on a single page of the notebook at a time. In Pendipity, a different session means a different drawing. In tinyDoodle, there will always be the same single drawing, around thirty something mb long at this point. The drawing is so dense, you actually have to watch it in chunks to make sense of it.

    The following image is a collaboration Buza and I made on Pendipity. We didn’t find out we were drawing together until later, when we talked about it by chance. The idea of collaborating with somebody close to you without knowing who they are is bizarre, to say the least.

    Undef Print

    Friday, July 1st, 2011

    This afternoon I accidentally found myself submitting tiny snippets of Javascript code to UndefPrint, and watching my submissions transform into prints almost instantly on a live video stream. The video showed a window to the street on the right side, and moving arms holding beer bottles on the left. In the center of the frame, a printer was drawing every submission on an interminable roll of paper. It was 8:30 PM in Berlin when I started looking. It was getting dark, and I stuck around until their clock hit midnight. I think it was 3:00 PM here in California. Ubiquity—to be present in several places at the same time—feels priceless. It even inspired me to write something in this journal for the first time in months ^_^

    This exercise in Telematics and participation is just one out of many—Amodal Suspension by Ralfael Lozano-Hemmer and Absolut Quartet by Jeff Lieberman & Dan Paluska immediately come to mind—but it stands out in a particular way that is relevant to some of the work we were doing back in the PLW a few years ago. UndefPrint is only open to participants that can write code. The general public is excluded. At least a bit of knowledge of Javascript and computer science is required to get anything out of UndefPrint. The idea that code is a mode of expression in a way similar to simple speech, doodling, or any other gesture that can be performed in public is not new, but it is an important one, because it puts code next to activities that come naturally to most humans—like speech or hitting on a keyboard to produce sounds—even when coding doesn’t come naturally for anybody. Perhaps in the future we will be able to speak code—and math—the way we can sort out objects in a crowded room. One can only hope.

    Here is the code that draws the pattern in the image above, the fifth in my series of submissions:

    for (i=0;i<=pWidth();i++){
      for (j=0;j<=pHeight();j++){
        pSymbolB(219+(Math.floor(Math.sin(j*i))%3));
        pPixel(i,j);}}
    

    And, some fooling around with triangular patterns:

    Did I ever mention how much I like simple nested for-loops?