Filter: #Design view all
Design and media art projects.

Announcing x-gui

In March 2016 I presented at the Sandstorm SF Meetup. I shared the design process that went into creating TextEditor, and I extrapolated a set of design guidelines for creating open source apps. As a followup to this, I am anouncing x-gui, a library of web components for building consistent web apps.

X-gui is an experiment and is evolving rapidly as I prototype more apps to learn what components are needed. It could be compared to Google's Polymer Catalog, but key differences being it is built without a library like Polymer, and it has a completely different visual style (doesn't look like Google).

You can read more about the project on the x-gui github. The readme has a lot more info. There's also an online demo.

Want to start using it?

bower install x-gui/x-gui  
# or
git clone git@github.com:x-gui/x-gui.git  

Below are the slides from the talk.

Object Photography

(Above: Some photographs in this series. Scroll to the right.)

In late 2011 I began photographing (mostly electronic) objects. Most of these are objects that I have owned and used and have some affinity for. A good photograph can capture the essence and convey the qualities that the owner saw in this object.

I end up selling some of these things on Craigslist or Ebay. This is preferred over throwing things away in the trash. Selling objects through these services provides a good sense of closure, and the photograph becomes an artifact and means to hold onto the object without having the object itself.

Instead of having a closet full of things, these things can be discarded, but kept alive forever through a photograph in a photo album.

Materials: Retired Electronics, Nikon D100 Digital SLR, Makeshift photoset

Non Projections

Using a custom VJ software I developed, I performed visuals at a couple of the early Nonprojects record label shows. The software I developed let me mix in a live video feed from a wireless camera which was mounted on the ceiling and pointed down at the performers.

However, after performing visuals twice, I concluded I didn't like it, and prefer performing music.

I released the software as open source on github. You can download it here: https://github.com/rchrd2/nonprojector

Tutorial Videos:
- https://www.youtube.com/watch?v=0FRYPPk-Ogk
- https://www.youtube.com/watch?v=Glr_HuwdWWU

Materials: Wireless camera, midi controller, projector, custom VJ software
June 2010

The B152's

DESMA 152B was a freeform class was led by Professor Chandler McWilliams. The premise was make something using alternative computer interfaces. I took a leadership role and guided the class in the direction towards creating musical instruments and forming a group to perform with our inventions. I developed a conducting language could be used for improvised group performances. Gestures could signal individual performers to navigate in a predetermined musical set of possibilities. At the senior show, I took the role of conductor, while Professor Chandler McWiliams performed on my Photokoto. Our conducting language was influenced by Walter Thompson's "Sound Painting" language. It was also influenced by my experience performing with Synthia Payne.

Links:
- http://en.wikipedia.org/wiki/Soundpainting
- Class website http://classes.dma.ucla.edu/Spring09/152BC/?cat=13

Additional Files:
- Guidelines.pdf
- Video (coming soon)

Final performance on June 4, 2009

Press Me

Press Me is a sculpture, which is interactive by definition, because it has a button. Its shape marks the spot to press the button, and hear a dazzling sound demonstration. The context for the piece however, was for a exhibition of self-portraits. Press Me is medium between me and the viewer. It asks for their participation in the simplest sense. It brings up the question of why is this asking to be pressed and what do both parties gain by this interaction. It deals with the simple fact that no one cares and the vulnerability of putting yourself out there. It deals with the irony that most interactive media is created alone when it is suppose to be social. Programmers are people, too.

The individual handmade synths were created by myself and classmates as part of a workshop led by Brian Crabtree, the creator of the Monome.

Video:

Audio Recordings:
- Audio Recording 1
- Audio Recording 2

Materials: Microcontrollers, Ardunio, Synthesized Audio, Wood, Momentary switch
June 2009

This is a reader in the form of a booklet/poster. It is a collection of writing that influenced me throughout my studies at college. "Trust Yourself" is a quote from Ralph Waldo Emerson from his essay "Self Reliance".

Sources:
Bang, Molly – Picture This
Cage, John – The Future of Music Credo
Cisneros, Sandra – Notes to a Young(er) Writer
Eno, Brian – Liner notes to "OHM, Gurus of Early Electronic Music"
Freire, Paulo – The Act of Study
Hester Karlton – Hesterian Spirituals: Musicism within a Poly-dimensional Universe
Kandinksy, Wassily – ?
Maeda, John – Maeda @ Media
Mcluhan, Marshall – The Medium is the Massage
Muller-Brokeman, Joseph – Grid Systems in Graphic Design
Poynor, Rick – No More Rules: Graphic Design and Postmodernism
Slouka, Mark – Listening for Silence: Notes on Aural Life
Tapper, Thomas – First Year Counterpoint
Thoreau, Henry David – Walden
Waterman, Chris – American Popular Music: From Minstrelsy to mp3

Materials: Large format laser printer. 24x36" paper. 50 copies made.

June 2009

Blinky Chanty Box

Step 1 - One person chants
Step 2 - Match the Leader's Pitch, Sustain as long as you can
Step 3 - If you get tired, pass the mic to a friend
Step 4 - Watch amazing spirits dance in a blinky spectacle of light!
Step 5 - Attain spiritual enLIGHTenment (and inner peace)

A game created in collaboration with Madeleine Gallagher

More Images

Links:
http://games.ucla.edu/game/blinky-chanty-box/

Additional Files:
blinky-instructions-2-25.pdf

Materials: Microphones, LED's, Arduino, Processing

2009