Bengkel Gamelan 3: HTML 5
- 1. HTML5: an Emerging Platform for Games Agastyo Satriaji Idam Hinocyber April 3, 2014 1
- 2. Who am I? • Agastyo Satriaji Idam is: – Co-Founder, – Game Designer, – Sidekick Programmer, and – Business Side of Hinocyber 2
- 3. Hinocyber Games Founders: Yogie Aditya Siswandi (Founder), Agastyo Satriaji Idam (Co-Founder) Focus: PC + Web + Mobile | Multiplayer Games Tech: Starling, Unity Age: 1 year Crews: 4 people Location: Yogyakarta Status: Early Stage Title: Kitaria Defense Online (released), Kitaria Heroes: Force Bender (in-dev), & Renegade Death (in-dev) Award: 8th Place Winner of International Epic Flash Game Contest 2013 by Whipflash & EpicGameAds (KDO) 3
- 7. Agenda 1. HTML5 as Emerging Game Platform 2. HTML5 Game Engines 3. Market of HTML5 Games 7
- 8. HTML5 AS EMERGING GAME PLATFORM The New Kid on The Block 8
- 9. Intro • First version of HTML5 is published in 22 January 2008 by Ian Hickson • In January 2013, HTML5 adoption has reached 1 billion (1.000.000.000) uses • Today, one of the most popular use of HTML5 is for game development 9
- 10. What starts the hype? 1. The “fall” of Flash 2. Disney acquisition on Rocket Pack 3. Growing popularity of Casual Games 10
- 11. The Emerging Platform11 “New open standards created in the mobile era, such as HTML5, will win on mobile devices (and PCs too)” - Steve Jobs, 2010 - Taken from Steve Jobs thoughts on Flash: http://www.apple.com/hotnews/thoughts-on-flash/
- 12. The 5 Whys 1. HTML5’s super powers 2. More browsers support HTML5 3. Social sharing is easy 4. Easier to maintain 5. Growing demands for HTML5 Games 12
- 13. HTML5’s Super Powers • Multiple platform supports through browser play • No download, no installation, just instant play • Can transform into native through packaging 13
- 14. Browsers Support for HTML5 • Desktop Browsers: About 74% of browsers in the market support HTML5 14 94% Ready 88% Ready 75% Ready 56% Ready Source: Infragistics
- 15. Browsers Support for HTML5 • Mobile Browsers Most HTML5-ready browsers scored by W3C: 15 Source: Infragistics Google Chrome : 369/500 Opera Mobile 12 : 367/500 Firefox 14 : 311/500 Stock Android Browser : 281/500 Maxthon Android Web Browser 2.6 : 280/500 Safari (iOS) : 324/500
- 16. Social Sharing is Easy Non-HTML5 Game 16 Get Invite Go to App Store Download (wait) Run Game Patch (wait) Play
- 17. Social Sharing is Easy HTML5 Game 17 Get Invite Play
- 18. Easier to Maintain • Single code base for all platforms • Dynamic real-time updates • A/B testing is easier to perform • Easier synchronization across platforms 18
- 19. Growing Demands These guys are asking for it: • Game portals • Browser marketplace (Google, Firefox, Microsoft) • Mobile platforms (Tizen, Firefox OS) • Brands & carriers • The players??? 19
- 20. HTML5 GAME ENGINES The Weapons 20
- 21. Free Engines21
- 22. Paid Engines22
- 23. Packaging23
- 24. Unity • Unity 5 – Renderer: WebGL – ????? • Unity + Frost.io – Renderer: WebGL, Canvas, DOM/CSS3 – Multiplayer SDK 24
- 25. MARKET OF HTML5 GAMES Monetization, Channels, & Games 25
- 26. Monetization 1. License Fee 2. Advertisements 3. Freemium 4. Subscription 5. Going Native 26
- 27. Distribution Channels27 Game Portals App Stores Brands Social Network
- 30. Summary Game Engines • Phaser • ImpactJS • Construct2 • KiwiJS • Tresensa Packaging • CocoonJS • PhoneGap • Intel XDK • Apache Cordova • Tresensa Distribution • Spillgames • Clay.io • Softgames • Booster Media • Tresensa 30
- 31. THAT’S ALL FOLKS! Agastyo Satriaji Idam satriaji.idam@yahoo.com @satriajidam 31 www.hinocyber.com