Join us as we explore the current and potential future landscape of HTML5 games with our guest speakers from KANO/APPS, makers of Mob Wars: La Cosa Nostra, Zombie Slayer and more. We'll discuss how they transformed the iconic Flash game Free Rider into a thriving online HTML5 destination. We'll also demonstrate how Amazon enables publishing these kinds of HTML5 games to the Kindle Fire.

1. DISTRIBUTION VS MONETIZATION MODEL

2. LOTS OF GREAT OPEN SOURCE
FRAMEWORKS

3. KANO/APPS
TRANSITION
SLIDE

4. HOW IT ALL STARTEDHOW IT ALL STARTED

6. OFFERED ON FACEBOOK
Five Top Rated Strategy Games

7. RUNNER UP FOR
2013 MMO of the YearARMOR GAMES

8. *RESERVED FOR TOP PERFORMING GAMES
Partner Program

9. Millions of playersWORLDWIDE

10. The incredible team at
NONE OF THIS COULD HAVE HAPPENED WITHOUT

11. Emerging Market
TAPPING INTO AN

12. Facebook Game
Mob Wars Making
$22,000 a day
-VENTUREBEAT (HTTP://VENTUREBEAT.COM/2008/08/25/DEVELOPER-ANALYTICS-
FACEBOOK-GAME-MOB-WARS-MAKING-22000-A-DAY/)

13. Questions we had
AS WE GOT STARTED
• Will our servers handle traffic?
• How will we scale?
• What happens when a server dies?

14. Dave had scaled Mob Wars
LUCKY FOR US

15. Found a solution with
AMAZON WEB
SERVICES
• Instant Infrastructure
• Documented
• Well Supported

16. INSTANT INFRASTRUCTURE

17. ORIGINAL INFRASTRUCTURE

18. CURRENT INFRASTRUCTURE

19. HOW DOES THIS HELP WITH HTML5 APPS?

20. WELL DOCUMENTED

21. SUPPORTED

22. AND IT’S GETTING BETTER…

23. THE BOTTOM LINE IS
We are not a technology
company, we are a
product company!

24. Rebooting Free Rider
REVISITING A CLASSIC

25. WHY FREE RIDER?

26. 2006 – 2014 (Current)
THE EVOLUTION
OF FREE RIDER
FREE RIDER (2006)
+1 million plays
Built in Flash
FREE RIDER 2 (2008)
+100 million plays
Built in Flash
FREE RIDER 3 (2013)
+20 million plays
Built in Flash
FREE RIDER HD: BETA (2014)
+4 million plays already
Built in HTML5
Desktop
Only
Desktop
Only
Desktop
Only
75% Desktop
20% Tablet
5% Mobile
Phones

27. www.freeriderhd.com
PLAY ON PC, TABLET, AND PHONE!

28. 90 percent of consumers
start a task on one device
and finish it on another
- FORBES
(HTTP://WWW.FORBES.COM/SITES/ROBERTHOF/2014/02/27/MOBILE-FIRST-
IS-DEAD-SAYS-GOOGLE-DISPLAY-AD-CHIEF-NEAL-MOHAN/)

29. THE RIDE TO HTML5

30. What we learned
WHEN BUILDING THE
WEBSITE
• Media Queries
• CSS Transitions / Translations
• Custom fonts for dynamic Icons
• User Agent strings
We did a fair amount of research into cross
platform / mobile frameworks to help address the
biggest challenges we would face.

31. Build, Measure
LEARN
• Keep it light
• Design for mobile first
• Take into account device pixel ratio
• Single page app

32. Optimize and
compress your
images, scripts
and CSS.
KEEP IT LIGHT

33. We eliminated
features we didn’t
necessarily need,
and made it easier
to develop media
queries.
DESIGN FOR MOBILE FIRST

34. We doubled the size images
would be viewed at allowing
high pixel ratio devices such as
new iOS devices to render
images in HD.

35. We designed using push state,
which allows you to change the
browser URL, without refreshing
the page for smoother UX.

36. What we learned
WHEN BUILDING THE
GAME
• Moving from AS2 to JavaScript
• Leveraging CreateJS
Free Rider HD is written in JavaScript, and
is built on top of the html5 canvas element.

37. We utilized multiple canvas
elements to allow us to cache
tracks into separate sections and
get the performance we were
looking for.

38. Distributing HTML5 games
IS STILL A WORK IN
PROCESS
• Ludei
• Game closure
• Phonegap
• Amazon web apps
Each solution has its strengths and
weaknesses.

39. We literally turned on a
Kindle Fire HDX, connected
to Wi-Fi, loaded the site, and
it just worked!

40. Our plan is to publish
FREE RIDER HD
TO THE AMAZON
APPSTORE
• Huge opportunity
• Blue ocean/growing/great monetization
• Supports our multi-platform approach
• Easy integration (Authentication +
Payments, but should be
straightforward)

41. So what is holding you back?
SIMPLE, THE BUSINESS
MODEL
• Free Rider was an opportunity to re-boot
successful IP and make it available across
devices
• Our new goal is to make it a great F2P
experience across devices
• Effort now is on game design and how to
monetize

42. 94.5 percent of downloads
will be for free apps
- GARTNER (HTTP://WWW.GARTNER.COM/NEWSROOM/ID/2648515)

43. Free Rider HD isn’t over yet
BUT OUR WORK ON

44. It’s easy to publish
your HTML5 games
with us!

46. You are READY to reach millions of Kindle
users with HTML5 Games TODAY
• HTML5 Games are built with open web
technologies like HTML5, JavaScript and
CSS
• Amazon’s GPU accelerated Web Runtime
delivers native app performance.
• HTML5 Games live right next to native
Apps
• Earn Revenue with IAP for JavaScript API
• HTML5 Games can qualify for Amazon
Developer Select & Free App of the Day
UNLEASH YOUR HTML5!
Do you develop HTML5 browser based games?

47. Testing your game is simple. Download our Web App
Tester to your Kindle or Android device - It’s Free!
Once you have tested your game getting in the Appstore
is easy as 1-2-3.
1. Enter URL
2. Provide App screenshots, icons and a description
3. Click Submit!
To get started visit:
https://developer.amazon.com/webapps
The Web App Tester is a free
download in the Amazon
Appstore.
Go to the Appstore and search
for “Web App Tester”

48. The End
THANKS FOR
WATCHING
Don’t forget to learn more about our
company at http://www.kanoapps.com/.
And to learn more about Amazon’s Cross
Platform Services at
https://developer.amazon.com/public/