Your SlideShare is downloading. ×

Bengkel Gamelan 3: HTML 5

142

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
142
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
8
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. 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
  • 4. Agenda 1. HTML5 as Emerging Game Platform 2. HTML5 Game Engines 3. Market of HTML5 Games 7
  • 5. HTML5 AS EMERGING GAME PLATFORM The New Kid on The Block 8
  • 6. 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
  • 7. What starts the hype? 1. The “fall” of Flash 2. Disney acquisition on Rocket Pack 3. Growing popularity of Casual Games 10
  • 8. 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/
  • 9. 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
  • 10. HTML5’s Super Powers • Multiple platform supports through browser play • No download, no installation, just instant play • Can transform into native through packaging 13
  • 11. 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
  • 12. 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
  • 13. Social Sharing is Easy Non-HTML5 Game 16 Get Invite Go to App Store Download (wait) Run Game Patch (wait) Play
  • 14. Social Sharing is Easy HTML5 Game 17 Get Invite Play
  • 15. 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
  • 16. 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
  • 17. HTML5 GAME ENGINES The Weapons 20
  • 18. Free Engines21
  • 19. Paid Engines22
  • 20. Packaging23
  • 21. Unity • Unity 5 – Renderer: WebGL – ????? • Unity + Frost.io – Renderer: WebGL, Canvas, DOM/CSS3 – Multiplayer SDK 24
  • 22. MARKET OF HTML5 GAMES Monetization, Channels, & Games 25
  • 23. Monetization 1. License Fee 2. Advertisements 3. Freemium 4. Subscription 5. Going Native 26
  • 24. Distribution Channels27 Game Portals App Stores Brands Social Network
  • 25. Popular HTML5 Games28
  • 26. Successful HTML5 Games29
  • 27. 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
  • 28. THAT’S ALL FOLKS! Agastyo Satriaji Idam satriaji.idam@yahoo.com @satriajidam 31 www.hinocyber.com

×