DESIGN  |  ILLUSTRATION  |  ANIMATION  |  WRITING  |  FILMMAKING  |  MUSIC  |  GAMES

The AlphaNumerizer


Here's another Flash application for young kids - The AlphaNumerizer. I tried to find a simple tool for my son Nico. He's a year and a half old and he loves letters and numbers - seeing them and hearing them pronounced makes him very happy (in fact, he's playing with my wife's alphabet cookie cutters as I write this).

Every letter/number game I found online was more complex than what I was looking for - most commercial educational sites clutter the screen with lots of links to additional content and branding elements, and many of their tools and games have animations and other images that supplement each letter as it's typed. That's fine (and probably better suited to kids older than Nico), but I didn't want those kinds of visual distractions - I tried a couple with Nico and I actually had to point to show him where the letters were on the screen.

So I built The AlphaNumerizer. It was a very quick Flash build - about four hours of work total. The audio was recorded on my new Blue Mikey external microphone for the iPhone. It's an excellent quality mic - you can hear the clarity on the samples. I gave the audio very little compression when exporting from Flash - so it's a fairly large file for such a simple application (about 500k ) but it's worth it for me in terms of the quality.

I used typical color scheme, though a bit desaturated - I don't like the kind of overblown colors that you usually find in websites and games for kids. I went with VAG Rounded for the typeface - it really represents the letters and numbers in a nice, traditional typographic style but with rounded ends, which keeps things looking kid-friendly. We wouldn't want kids to get hurt on sharp-cornered letters or - heaven forbid - serifs.

Nico likes when I use the aggressive, excited voice I wound up using for the AlphaNumerizer - we have foam letters that he plays with in the bathtub, and the way I pronounce those letters when I hold them up for him is the same way I voiced them in this application. I exaggerated the pronunciations while still keeping them as clear as possible.

I put the featured letter on a colored card and animated it so it would fly in quickly, slowing to a gentle stop. I also added a timer so it would fade out after a few seconds, essentially clearing the slate.

After I got the basic functionality working (I spent an hour wondering why only certain keys worked while I was testing in Flash before I found out the Flash test environment was "stealing" my key presses - I had to disable the keyboard shortcuts to fix that), I thought about tracking which keys had been pressed. It seemed like that would be a helpful feature, so I added a little strip of letters and numbers at the bottom that fade out as each key is pressed. I kept them small so as not to distract from the main huge letter, and added in another function that fades them back in when the mouse rolls over them.

And besides a title bar and an About section, that's the whole thing. Some early testers have suggested adding a other features, like detecting when certain words are typed. I'm not sure I'd go that route, but if I did, I'd still keep this version as it is. There's something nice about a full screen devoted to one primary element to focus your attention on. Now if I could only find a way to prevent Nico from hitting keys that get him out of the browser window...

Check out The AlphaNumerizer.

BeatMaker



BeatMaker wasn't created for a client - I developed this little Flash application a couple years ago to help a friend's five-year-old daughter, who was then starting to play the drums, understand the basics of rhythm and counting time.

The interface is simple - the screen contains on measure of music, broken down into eighth notes, with three instruments - closed hi hat, snare drum and bass drum. It was tempting to add more drum sounds, but the idea here was to allow simple beats to be created - not to make a virtual drum machine or anything so complex that it would get in the way of learning.

Each note is clickable - clicking toggles the note on or off. There are four speeds ("Slow", "Medium", "Fast", and "Crazy Fast") and there's a voice (my own) that counts each note in the measure. It can be turned off so the child can try counting on their own. A vertical line scrolls in sync with the counter, so kids can connect the counting to the current position in the measure.

I've included sixteen sample beats to help give kids an idea of how each note can be arranged. There's also a Clear function so they can wipe the slate clear and start from scratch (rather than manually turning each note on or off), a Random feature that creates a totally random beat, and there's a Print function so favorite beats can be saved and practiced later - even if there's not a computer around.

That's it - nice and simple. Check out BeatMaker.