Avatar Design

Using Canvas and Standard HTML Forms

Color One:       

Color Two:       

Color Three:       

This uses an image and some index colors. We let the user pick three colros, and swap them out in the greyscale to see the changes. It's slow, because it's doing it by brute force -- there are certainly more elegant ways to process the image data. And probably to preprocess it. If we were goign with our own art, we could set up some XML to tell us which indexes get replaced and how, for instance.

The code is also a mess in desperate need of refactoring and simplification. That may also a speed it up a bit. I haven't even dated to try this on my phone or iPod Touch yet, and probably won't until I get a better version.