HTML5: an Emerging Platform
for Games
Agastyo Satriaji Idam
Hinocyber
April 3, 2014
1
Who am I?
•  Agastyo Satriaji Idam is:
– Co-Founder,
– Game Designer,
– Sidekick Programmer, and
– Business Side of Hinocy...
Hinocyber Games
Founders:
 Yogie Aditya Siswandi (Founder), Agastyo Satriaji
Idam (Co-Founder)
Focus:
 PC + Web + Mobile |...
Agenda
1.  HTML5 as Emerging Game Platform
2.  HTML5 Game Engines
3.  Market of HTML5 Games
7
HTML5 AS EMERGING GAME
PLATFORM
The New Kid on The Block
8
Intro
•  First version of HTML5 is
published in 22 January
2008 by Ian Hickson
•  In January 2013, HTML5
adoption has reac...
What starts the hype?
1.  The “fall” of Flash
2.  Disney acquisition on Rocket Pack
3.  Growing popularity of Casual Games...
The Emerging Platform
11
“New open standards created in the
mobile era, such as HTML5, will win on
mobile devices (and PCs...
The 5 Whys
1.  HTML5’s super powers
2.  More browsers support HTML5
3.  Social sharing is easy
4.  Easier to maintain
5.  ...
HTML5’s Super Powers
•  Multiple platform
supports through
browser play
•  No download, no
installation, just
instant play...
Browsers Support for HTML5
•  Desktop Browsers:
About 74% of browsers in the market support
HTML5
14
94% Ready
 88% Ready
...
Browsers Support for HTML5
•  Mobile Browsers
Most HTML5-ready browsers scored by W3C:
15
Source: Infragistics
Google Chro...
Social Sharing is Easy
Non-HTML5 Game
16
Get	
  Invite	
  
Go	
  to	
  App	
  
Store	
  
Download	
  
(wait)	
  
Run	
  Ga...
Social Sharing is Easy
HTML5 Game
17
Get	
  Invite	
   Play	
  
Easier to Maintain
•  Single code base for all
platforms
•  Dynamic real-time
updates
•  A/B testing is easier to
perform
...
Growing Demands
These guys are asking for it:
•  Game portals
•  Browser marketplace (Google, Firefox,
Microsoft)
•  Mobil...
HTML5 GAME ENGINES
The Weapons
20
Free Engines
21
Paid Engines
22
Packaging
23
Unity
•  Unity 5
–  Renderer: WebGL
–  ?????
•  Unity + Frost.io
–  Renderer: WebGL,
Canvas, DOM/CSS3
–  Multiplayer SDK
24
MARKET OF HTML5 GAMES
Monetization, Channels, & Games
25
Monetization
1.  License Fee
2.  Advertisements
3.  Freemium
4.  Subscription
5.  Going Native
26
Distribution Channels
27
Game
Portals
App Stores
 Brands
Social
Network
Popular HTML5 Games
28
Successful HTML5 Games
29
Summary
Game Engines
• Phaser
• ImpactJS
• Construct2
• KiwiJS
• Tresensa
Packaging
• CocoonJS
• PhoneGap
• Intel XDK
• Ap...
THAT’S ALL FOLKS!
Agastyo Satriaji Idam
satriaji.idam@yahoo.com
@satriajidam
31
www.hinocyber.com
HTML5 - Emerging Platform for Games
HTML5 - Emerging Platform for Games
HTML5 - Emerging Platform for Games
Upcoming SlideShare
Loading in …5
×

HTML5 - Emerging Platform for Games

274
-1

Published on

Bengkel Gamelan 4 kali ini di organizer oleh Hinocyber membahas tentang HTML 5: Emerging Platform for Games.

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
274
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

HTML5 - Emerging Platform for Games

  1. 1. HTML5: an Emerging Platform for Games Agastyo Satriaji Idam Hinocyber April 3, 2014 1
  2. 2. Who am I? •  Agastyo Satriaji Idam is: – Co-Founder, – Game Designer, – Sidekick Programmer, and – Business Side of Hinocyber 2
  3. 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. 4. Agenda 1.  HTML5 as Emerging Game Platform 2.  HTML5 Game Engines 3.  Market of HTML5 Games 7
  5. 5. HTML5 AS EMERGING GAME PLATFORM The New Kid on The Block 8
  6. 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. 7. What starts the hype? 1.  The “fall” of Flash 2.  Disney acquisition on Rocket Pack 3.  Growing popularity of Casual Games 10
  8. 8. The Emerging Platform 11 “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. 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. 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. 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. 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. 13. Social Sharing is Easy Non-HTML5 Game 16 Get  Invite   Go  to  App   Store   Download   (wait)   Run  Game   Patch   (wait)   Play  
  14. 14. Social Sharing is Easy HTML5 Game 17 Get  Invite   Play  
  15. 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. 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. 17. HTML5 GAME ENGINES The Weapons 20
  18. 18. Free Engines 21
  19. 19. Paid Engines 22
  20. 20. Packaging 23
  21. 21. Unity •  Unity 5 –  Renderer: WebGL –  ????? •  Unity + Frost.io –  Renderer: WebGL, Canvas, DOM/CSS3 –  Multiplayer SDK 24
  22. 22. MARKET OF HTML5 GAMES Monetization, Channels, & Games 25
  23. 23. Monetization 1.  License Fee 2.  Advertisements 3.  Freemium 4.  Subscription 5.  Going Native 26
  24. 24. Distribution Channels 27 Game Portals App Stores Brands Social Network
  25. 25. Popular HTML5 Games 28
  26. 26. Successful HTML5 Games 29
  27. 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. 28. THAT’S ALL FOLKS! Agastyo Satriaji Idam satriaji.idam@yahoo.com @satriajidam 31 www.hinocyber.com

×