How to make a magic wand

Why Magic Matters

I believe that as technology becomes increasingly embedded in people's everyday lives, their relationship to it becomes increasingly animist (though I'm using a definition of "animist" that's not strictly anthropological, but referring to an explanation of the working of the world as being primarily psychological, rather than physical).

As a designer, I want to know how to design for these expectations. Why not start by borrowing from a familiar and popular set of myths that offer a system describing the operation of the word which is somewhat animist, occasionally capricious, often controllable and tolerant of the occasionally unexplainable? Namely, the myth of magic. Magic can be an useful framework for describing many of the kinds of functionality that contemporary technology enables. Things such as: action at a distance, objects with memory, nonobvious behavior, etc. "Are you saying we should not tell people how things actually work and tell them it's magic?" That may seem like a pretty irresponsible move, but if the options are telling people nothing (as it is currently) with the hope they create the correct mental models for themselves, or giving them a framework that's known to be a fiction but serves as a conceptual umbrella for explaining the interactions between objects whose technology is (ahem ;-) indistinguishable from magic, maybe magical explanations will produce better experiences?

Others have talked about enchantment, especially John McCarthy of University College Cork, Ireland, who's currently editing an issue of Personal and Ubiquitous Computing on enchantment and published what's probably the earliest paper (1MB PDF) on enchantment in HCI.

[11/19/06 UPDATE: I wrote a more thorough discussion and compiled a bibliography of magic and user experience design.]

One of the most common everyday magical items in myth is the wand. Last year, based on some work I saw at IBM's NPUC conference, I realized that wands were possible using a combination of wireless tracking and gesture recognition. This weekend, I decided to make one, just to see what would happened. It kinda worked. Here, written on an ancient scroll I just wrote, is how you can reproduce my eerie results.

Thee yngredyentse

  1. A Mac running OSX
  2. One Gyration "air mouse". This rare beast (found mostly in Froogle) is the key ingredient. It's a mouse that has a gyroscopic internal organ that senses the mouse's orientation. There are several other accelerometer-based mice, but this one seems to perform better, especially with broad arm movements (although it doesn't work well as an actual computer mouse in that situation: to use it as a pointer mouse you need to keep your arm still and just move your wrist).

    (an Amazon link, though you can get them cheaper refurbished)
  3. USB Overdrive, a universal OSX USB human-interface device driver
  4. Quicksilver, the universal launcher utility
  5. The Abracadabra plugin for Quicksilver. There is a good set of instructions for how to use the thing, but for some reason I couldn't download it from within Quicksilver. If you have that problem download it here and then drag it onto Quicksilver to install it.

Thee yncantationne

Here's how you put it all together.
  1. Install the mouse. As a USB human interface device, this means "unpack and plug it in." OSX may ask you to verify a phantom keyboard because the mouse base station (which, in the case of the mouse I bought, is huge--Gyration, wassup with that?) announces itself as both a mouse and a keyboard. I got the mouse without the keyboard, so I just closed that window.
  2. Download and install USB Overdrive. Restart. Open your System Preferences and set it up so that the right mouse button on the Gyration mouse does nothing but hold the Option key down. Your USB Overdrive control panel should look like this:
  3. Set the Quicksilver Preferences and modifier to match the one you set for the righthand button in USB Overdrive. Your Quicksilver Preferences should look like this:
    You may want to set sounds at this point, too, since apparently Abracadabra has problems without sounds.
  4. Set the mouse tracking to minimal. Go to the "Keyboard&Mouse" control panel and move the mouse tracking slider all the way left. This is so that the gestures you make in the air do not get distorted by the operating system, which normally makes tracking proportional to movement speed (normally, as you move the mouse faster, the cursor moves proportionally farther). It should look like this:
  5. Set a gesture-based trigger in Quicksilver as per these instructions. Keep the gestures simple. I'm still experimenting, but basic back and forth lines seem best. Circles are doable, but hard to master. Maybe this is where the fabled practice all young wizards have to do comes in: you need to create gestures that are useful AND you need to learn how to perform them successfully. THAT, I leave up to you, but here's a basic one:

Now you have the basic ingredients for a functional wand-like device that runs under OSX using mostly free software. Grab the index finger trigger and push the right mouse button on the Gyration mouse, and wave it in the the air (you don't have to wave it at the computer screen, that's part of the fun). Enjoy the magic.

Commentarye

Quicksilver's gesture recognition software isn't the best (it's not like the IBM SHARK stuff I described earlier), but it's better than other alternatives that I've seen. And, because it works with Quicksilver, that means that there's a large library of knowledge about actions that can be triggered with the gestures. To me, the most interesting possibility, and one that I'll be playing with, is that Quicksilver can issue arbitrary commands, including command-line input to software that can control things back in the "real" world. Command-line input to Processing or NADA, for example, will allow easy magic wand control of things like, oh, Roombas, lights, giant mechanical beasts or teleporters. Hide the computer, disguise the mouse, and action at a distance is yours. Kinda.

[Update: it appears that my use of Abracadabra for this project is not an accident. I tried a number of different systems before settling on it and it just seemed right. According to this blog post, that's because a CMU student named Jason Cornwell developed the software for a class, in order to do just this, i.e. to make a magic wand using a gyroscopic mouse. I haven't found any documentation of the project online, but Blacktree acknowledges that he had a hand in making Abracadabra. Thank you Jason!]

[Update 2: Tod Kurt, my business partner in ThingM, took the initiative and blogged what he saw when he took the Gyration mouse apart.]

[Update 3: I expanded my thoughts extensively on the "why magic matters" section of this post in a talk I gave on 10/11/06.]

No TrackBacks

TrackBack URL: http://orangecone.com/cgi-bin/mt/mt-tb.cgi/199

10 Comments

there is a magic school called the grey school
the link is
http://www.greyschool.com

Matthew and Thulani: I'm with you. I would like to go to a magic school and make real magic wands, too. The world would be a more interesting place. However, I'm going to have to stick to my imagination and the excellent books of JK Rowling, JRR Tokien, Philip Pullman and Terry Pratchett to give me some magical moments in an otherwise mundane world.

i want know how to make areal magic wand. i have tried everything and it doesn't seem to work. please help me to make a powerful wand tha can cast any spell. please i'm begging you, i want to be like harry potter.

i woluld like to go to a magic school

What an amazing site! As an anthropologist/medievalist turned computer geek, I'm absolutely fascinated with the idea of integrating magic into the UI.

I've enjoyed not only this article, but your whole blog!

Excellent! Now if you can incorporate a voice recognition system we can do real incantations!

interesting...i have a similar setup on my winXP machine with the same mouse and gesture software called "stroke it" (google for link). very fun to play with.

Sheesh! Let me see what I can do. But no capes or spells! Oh, and thank you Cory for the BoingBoing link (and whoever posted it to Digg and everywhere else where it got linked).

agreed: I demand a video! I mean, if you want.

Where's the video of this in action!?!

Ads

Archives

ThingM

A device studio that lives at the intersections of ubiquitous computing, ambient intelligence, industrial design and materials science.

The Smart Furniture Manifesto

Giant poster, suitable for framing! (300K PDF)
Full text and explanation

Recent Photos (from Flickr)

Smart Things: Ubiquitous Computing User Experience Design

By me!
ISBN: 0123748992
Published in September 2010
Available from Amazon

Observing the User Experience: a practitioner's guide to user research

By me!
ISBN: 1558609237
Published April 2003
Available from Amazon

Recent Comments

  • jax: there is a magic school called the grey school the read more
  • Mike: Matthew and Thulani: I'm with you. I would like to read more
  • thulani: i want know how to make areal magic wand. i read more
  • matthew warburton: i woluld like to go to a magic school read more
  • arsgeek: What an amazing site! As an anthropologist/medievalist turned computer geek, read more
  • Patrick Fitzgerald: Excellent! Now if you can incorporate a voice recognition system read more
  • Greg Chaprnka: interesting...i have a similar setup on my winXP machine with read more
  • Mike: Sheesh! Let me see what I can do. But no read more
  • duus: agreed: I demand a video! I mean, if you want. read more
  • Daniel: Where's the video of this in action!?! read more

About this Entry

This page contains a single entry by Mike Kuniavsky published on April 23, 2006 9:48 PM.

Phil keeps going and going with the Roomba hack was the previous entry in this blog.

Sony's LED magic wand patent is the next entry in this blog.

Find recent content on the main index or look in the archives to find all content.