Flex 4 Learning Game with TinyTLF

My time on this gig is almost over and I’ve really enjoyed working with this client.  It’s also been great to work with a top-flight Flex architect.  My responsibilities included overhaul of a massive legacy Flex 3 application using PureMVC and a new Flex 4 learning game.

I’ve mentioned the use of TinyTLF in a prior post, so here is a screen shot of the completed product.

The entire game is implemented as a Flex 4 Skinnable component, with separate skinnable components for the primary game constituents, the most complex of which are the passage display and the vault graphic controller.  The former uses TinyTLF for the inline word selector rendering.  Word Selectors are injected based on block controller factory classes assigned in the CSS file for this game.  The (artist-generated) vault graphic is embedded as a .SWF (not as symbols within a .SWF).  The individual symbols are extracted and manipulated either as skin states or as part of invalidating the component.

Different skin classes were substituted for the passage display during the course of development, ranging from customized formatting for different paragraphs to 3D boxes for the selectors.  The ease at which these changes were made really emphasizes the benefits of Skinnable Components in Flex 4.