works tagged with web
Blackout! (2003)
Instructions: Click the image of the US to strike the landscape with lightning bolts and make the power go out in those areas.
Cambridge Study Word Scrambler (2003)
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 thin...
Sensitive Invite for ITP TNO (2003)
This interactive announcement was done for ITP Thursday Night Outs, hosted by Lian Chang. Because of the sensitive 9 11 date, a design expression opportunity arose.
What is Victoria's Secret? (2003)
A contagious media experiment was done between four brainstorming artistic individuals in New York City. The goal was two fold: to create an artistic expression about female identity, and to create a meme that would spread throughout the virtual and physical landscapes - pre-calculated to b...
Emotional Square (2003)
Try to guess what emotion this square enacts.
CNSI Interactive Logo (2002)
A logo piece commissioned for California Nanosystems Institute, conveying maleability in common matter. The design concept was extrapolated until it became the final logo. Instructions: drag the dots to change aspects of the hairy surface.
KOCOART.com (2002)
I collaborated with designer Jiyoon Chun at the School of Visual Arts in New York in creating an interactive exhibition for the Museum for Korean Contemporary Art. Based on style guides and mockups, I created three online exhibits in Shockwave.
The n0time Saver (2002)
A PC screen saver that communicates with other screen savers via internet, slowly building a sculptural object on the screen. Working closely with the UCLA DMA chair to adapt a concept from her original n0time installation into this new delivery format, I made a screen saver, network server, an...
BallDroppings (2003)
Balldroppings was one night of idle programming that blew up unexpectedly into a web phenomenon. I learned that simplicity is elegant, and C++ is wonderful for low-latency sound+image. I also learned about addiction and glucose metabolism rate highs. Although I do not accredit myself for having ori...
The Dancer (2003)
Photograph taken from the Chanhassen Project by a good friend, Katherine Copeland. Instructions: click & drag
Pentagram Work (2003)
I worked at Pentagram, New York in the summers of 2003 and 2004, and made a small webpage with images on it at some point.
Google Chrome Experiments (2009)
Commissioned work that deals with the browser as a medium in promotion of Google Chrome browser. I chose to port Balldroppings to processing.js and I made PopupPong -- pong that uses the brower windows as interactive game elements. BallDroppings was able to happen because of the...
textflasher (2009)
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 fea...
How Many Paid? (2010)
A minimal meme-sized ecommerce piece meant as a commentary on micropayment, web services, self-reflexivity, and recursion.
Critical Path (2011)
I worked with an "indie" hollywood studio in collaboration with Jody Zellen in designing and building a web-based UI to present their interview videos of the top industry game designers on HTML5 canvas and video elements. I used ProcessingJS. The interface featured a line-...
www.hci-fun.org.uk (2005)
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. W...
Mekanism: Need for Speed Undercover flash (2008)
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 eccen...
Benetton / Fabrica : ThreatMeter (2004)
I was involved in the early stages of a collaborative web prank for art's sake, created at the Interactive Media Department of Fabrica / Benetton during after-hours. This site shows an embarrassingly ignorant company selling fake products to help American citizens participate in the nation's ne...
Rollerforms Mockup (2004)
This was an applet written to demonstrate how a piece of physical computing in my future would roll about, forming letters. Instructions: click the applet and type.
Map for the Sefton Park Walk (2006)
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 refer...
Sparkle Labs Web Development (2009)
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 layout...
Nano Haikus (2002)
Five interactive typography art pieces, commissioned for Zero@WaveFunction, an art project more popularly known as "Nano." Instructions: Move, click, and drag your mouse while reading the texts. Try clicking and dragging in different places, many times.
Hand Map (2002)
Week 1 Assignments Problem: Make an interactive map of your brain or body, or a mine field of life. [without defining any variables or going far beyond what we were taught so far] This piece is inspired by Lisa Steele's 'Birthday Suit - Scars and Defects', 1974.
Interpolated Oval Letterforms (1998)
This sort of work (influenced mainly by Peter Cho) predates the widespread presence of keyboard-controlled type shapes on the web. Click the black area then start typing.
Navigation for Synergy Web Site (1998)
With Brian Kobashikawa, I created a navigational element for the beginnings of a student group web site. Click to expand and contract. The "Synergy" node is also draggable.
Photo-Realistic Coloring Book (1998)
This one-page coloring book takes care of the lighting and shading. You choose the colors. This is a watercolor by Chuck Close, entitled "Leslie"
Intelligent Layout Experiment (1998)
I made an early attempt at giving draggable points a kind of intelligence which would theoretically keep them visually organized. They "want" to form a swiss grid.
Virtual Paper Folding (2002)
An interactive interface which attempts to re-use the visual vernacular to create a system for folding virtual paper.
Exquisite Corpse Paint (2002)
Creative Exquisite-Corpse Viewer, using content generated by a hundred ITP students in collaboration with my Applications group during the preceding week. Solution: a cyclical self-drawing, line-recycling, and motion-mimicking strip of communal art.
Nanana MessageBoard Jungle-Gym (2001)
NANANA is a 3D message board, whose interface is based on the structure of an old jungle gym from my elementary school. A 360 degree photographed version the jungle gym I had in mind (from the playground of Lunada Bay Elementary, in Palos Verdes) spins as super-imposed 2D lines of text float in ...
Sinapse Identity (2001)
Reactive Logo for Sinapse, a new UCLA Center, dedicated to networking other UCLA Centers to each other. The Java applet features "centralized" and "decentralized" network simulation, based on the building shapes in the UCLA map. Hold your mouse down for a long time to see the buildings turn in...
SynerGL Demo (1999)
This is a prototype for a graphics system I proposed to the UCLA Design student group which allowed for creative interactive typesetting. The provided example defines a "mouse-responsive curve HTML tag" for the text. The idea was rejected because it was not anti-aliased. To interact with the app...
forum.design (1999)
I quickly built this newsgroup/messageboard as an effort to give my fellow design students a place to voice their opinions in a truly informal, yet public setting. People have been using it for years. The site has needed minimal maintenance, and allows the design students to change colors, image...
Dabbling in Flash with Type (2000)
A couple Flash pieces, an act of good faith to the desktop publishing community.
