Tracewords Makeover
I'll be releasing Tracewords shortly. This is a casual word game written with codeheart.js that is designed for one-handed (one-thumb, really) play on mobiles. I implemented the mechanics a year ago. To prepare for release I needed three major features:
Tonight I made the graphic overhaul. I didn't want a typical busy and gaudy look with jewels or flashy coins. Instead, I was seeking something clean and modern that was very slightly to the "feminine" side of gender neutral.
I began with the design language and palette of the iOS 7 betas, and then added texture to the background and allowed some bold color gradients in (it is a game, after all). I use a sans serif ultralight font on the instructions screen (not shown here), but used a handwriting font (from Google fonts) to play up the "trace" and "game" aspect and kept the Times New Roman black font for the letters and words to reference the "word" and dictionary aspect of the game, and to maintain readability.
After seeing the graphic redesign, the publisher (Softgames) found that it didn't fit the look of their other games and asked for a more gaudy Flash-game style. I then reskined again for that, added the sound effects and then ship the code to Softgames for integration with their API. I'm thinking about releasing my more aesthetically "refined" version as an iOS app as well. Here's the final version for the web:
Morgan McGuire is a professor of Computer Science at Williams College and a professional game developer. He is the author of The Graphics Codex, an essential reference for computer graphics that runs on iPhone, iPad, and iPod Touch.
- Graphic overhaul
- Sounds
- Localization in English and Spanish
Tonight I made the graphic overhaul. I didn't want a typical busy and gaudy look with jewels or flashy coins. Instead, I was seeking something clean and modern that was very slightly to the "feminine" side of gender neutral.
Prototype | Reskin #1 |
After seeing the graphic redesign, the publisher (Softgames) found that it didn't fit the look of their other games and asked for a more gaudy Flash-game style. I then reskined again for that, added the sound effects and then ship the code to Softgames for integration with their API. I'm thinking about releasing my more aesthetically "refined" version as an iOS app as well. Here's the final version for the web:
Reskin #1 | Reskin #2 |
Morgan McGuire is a professor of Computer Science at Williams College and a professional game developer. He is the author of The Graphics Codex, an essential reference for computer graphics that runs on iPhone, iPad, and iPod Touch.
Post a Comment for "Tracewords Makeover"
If you have something to say, please leave a message in the comments :)