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
- 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. That was a mouth full. Good thing we have a video showing it in action:
There are just a view basic types of object you can use in Hype such as Box, Text, Button, ...
I wish Hype had Arrows and other nicer callout objects build into it. However between the art assets I already had and using Snagit for the other assets, I was able to put together what I needed.
I was actually able to simulate gameplay just by using these basic Hype elements and its Key framing capability. It only took one evening to finish the Hype project. I thought about using something like Camtasia to record a video of some of these parts as opposed to rolling the play animations by hand. However, I wanted the output really small and it wasn't that hard to simulate the effects I needed. However, given you can embed video in Hype it would be interesting to try it with embedded video clips.
Given this is just HTML, you can even upload it to a website and interact with it directly in a browser:
Loading WebView From Resource
- HowToPlay.Scene.Tool Bar
- Show HowToPlay.Scene.Step 1
- Show HowToPlay.Scene.Step 2
We will be able to track how many users make it through all they steps and which percentage of users drop off at any given point in time. Hopefully, with this information we can help make the tutorial better and find where and if users are getting stuck. We will also be able to correlate information such as the percentage of people that complete the tutorial that go on to purchase.
This will go live soon, and we are excited to get this in the hands of our new users. I hope we can teach more people how to Play Picross HD and hopefully they will like it.
Please feel free to follow me on twitter at @fivelakesstudio. I would love to hear about your experiences on how to onboard people to your app. Let me know if you found this useful, and especially if you now understand how to play Picross HD.
Thanks for reading and be sure to visit us at Five Lakes Studio. I should mention that I also work for Techsmith, the makers of Snagit and Camtasia.