AWS Partner Presentation -  KANO/APPS - Large Scale HTML5 Games on Desktop, Mobile & Tablets - GDC 2014
 

Like this? Share it with your network

Share

AWS Partner Presentation - KANO/APPS - Large Scale HTML5 Games on Desktop, Mobile & Tablets - GDC 2014

on

  • 534 views

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 ...

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.

Statistics

Views

Total Views
534
Views on SlideShare
532
Embed Views
2

Actions

Likes
0
Downloads
3
Comments
0

1 Embed 2

http://www.slideee.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

AWS Partner Presentation - KANO/APPS - Large Scale HTML5 Games on Desktop, Mobile & Tablets - GDC 2014 Presentation Transcript

  • 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
  • 5. OFFERED ON FACEBOOK Five Top Rated Strategy Games
  • 6. RUNNER UP FOR 2013 MMO of the YearARMOR GAMES
  • 7. *RESERVED FOR TOP PERFORMING GAMES Partner Program
  • 8. Millions of playersWORLDWIDE
  • 9. The incredible team at NONE OF THIS COULD HAVE HAPPENED WITHOUT
  • 10. Emerging Market TAPPING INTO AN
  • 11. 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/)
  • 12. Questions we had AS WE GOT STARTED • Will our servers handle traffic? • How will we scale? • What happens when a server dies?
  • 13. Dave had scaled Mob Wars LUCKY FOR US
  • 14. Found a solution with AMAZON WEB SERVICES • Instant Infrastructure • Documented • Well Supported
  • 15. INSTANT INFRASTRUCTURE
  • 16. ORIGINAL INFRASTRUCTURE
  • 17. CURRENT INFRASTRUCTURE
  • 18. HOW DOES THIS HELP WITH HTML5 APPS?
  • 19. WELL DOCUMENTED
  • 20. SUPPORTED
  • 21. AND IT’S GETTING BETTER…
  • 22. THE BOTTOM LINE IS We are not a technology company, we are a product company!
  • 23. Rebooting Free Rider REVISITING A CLASSIC
  • 24. WHY FREE RIDER?
  • 25. 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
  • 26. www.freeriderhd.com PLAY ON PC, TABLET, AND PHONE!
  • 27. 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/)
  • 28. THE RIDE TO HTML5
  • 29. 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.
  • 30. Build, Measure LEARN • Keep it light • Design for mobile first • Take into account device pixel ratio • Single page app
  • 31. Optimize and compress your images, scripts and CSS. KEEP IT LIGHT
  • 32. We eliminated features we didn’t necessarily need, and made it easier to develop media queries. DESIGN FOR MOBILE FIRST
  • 33. We doubled the size images would be viewed at allowing high pixel ratio devices such as new iOS devices to render images in HD.
  • 34. We designed using push state, which allows you to change the browser URL, without refreshing the page for smoother UX.
  • 35. 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.
  • 36. We utilized multiple canvas elements to allow us to cache tracks into separate sections and get the performance we were looking for.
  • 37. Distributing HTML5 games IS STILL A WORK IN PROCESS • Ludei • Game closure • Phonegap • Amazon web apps Each solution has its strengths and weaknesses.
  • 38. We literally turned on a Kindle Fire HDX, connected to Wi-Fi, loaded the site, and it just worked!
  • 39. 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)
  • 40. 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
  • 41. 94.5 percent of downloads will be for free apps - GARTNER (HTTP://WWW.GARTNER.COM/NEWSROOM/ID/2648515)
  • 42. Free Rider HD isn’t over yet BUT OUR WORK ON
  • 43. It’s easy to publish your HTML5 games with us!
  • 44. 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?
  • 45. 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”
  • 46. 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/