Under the Bridge

Here’s an interesting strategy for adding some narrative content into your app, specifically game tutorials:

Hype – How To Play

We wanted something that would accomplish the following goals:

• Quickly teach the players the basics of game play
• Look integrated into the app
• No download or streamed content
• Measurable
• We don’t want to inflate the App size too much
• Something we can create without too much custom programming

What we ended up with was a how to play integrated tutorial that was implemented with an imbedded WebView that plays back HTML 5 generated via Hype…

Hadn’t noticed the delightfully named Hype before, but it seems more or less along the lines of Sencha Animator or Adobe Edge, bringing Flash-style authoring to the HTML/CSS world. (What’s your tool of choice for that kind of thing, Dear Reader?)

Also of interest is the bit about setting up the player to track events with Flurry — it uses an iframe strategy we hadn’t seen before, derived from

UIWebView Secrets – Part3 – How to Properly Call ObjectiveC From Javascript

which if you haven’t stumbled across it already, describes an approach to communicating between JavaScript and real code which you might want to check out at ochameau / NativeBridge for your UIWebView communication needs!