Your SlideShare is downloading. ×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

332
views

Published on

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.

Published in: Technology, Design

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
332
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

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/

×