SlideShare une entreprise Scribd logo
1  sur  31
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 Hinocyber
2
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
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 reached 1
billion (1.000.000.000)
uses
• Today, one of the most
popular use of HTML5 is
for game development
9
What starts the hype?
1. The “fall” of Flash
2. Disney acquisition on Rocket Pack
3. Growing popularity of Casual Games
10
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/
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
HTML5’s Super Powers
• Multiple platform
supports through
browser play
• No download, no
installation, just
instant play
• Can transform into
native through
packaging
13
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
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
Social Sharing is Easy
Non-HTML5 Game
16
Get Invite
Go to App
Store
Download
(wait)
Run Game
Patch
(wait)
Play
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
• Easier synchronization
across platforms
18
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
HTML5 GAME ENGINES
The Weapons
20
Free Engines21
Paid Engines22
Packaging23
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 Channels27
Game
Portals
App Stores Brands
Social
Network
Popular HTML5 Games28
Successful HTML5 Games29
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
THAT’S ALL FOLKS!
Agastyo Satriaji Idam
satriaji.idam@yahoo.com
@satriajidam
31
www.hinocyber.com

Contenu connexe

Tendances

Gaming consoles of 2014
Gaming consoles of 2014Gaming consoles of 2014
Gaming consoles of 2014
gpfalzgraf
 

Tendances (20)

Build Once and port your game to multiple platforms including UWP
Build Once and port your game to multiple platforms including UWPBuild Once and port your game to multiple platforms including UWP
Build Once and port your game to multiple platforms including UWP
 
Gaming consoles of 2014
Gaming consoles of 2014Gaming consoles of 2014
Gaming consoles of 2014
 
GameOn
GameOnGameOn
GameOn
 
Gaming in Csharp
Gaming in CsharpGaming in Csharp
Gaming in Csharp
 
Cross-Platform Juggling
Cross-Platform JugglingCross-Platform Juggling
Cross-Platform Juggling
 
LO1 - Lesson 2 - Characters
LO1 - Lesson 2 - CharactersLO1 - Lesson 2 - Characters
LO1 - Lesson 2 - Characters
 
Graphplayer review should you buy it or not
Graphplayer review should you buy it or notGraphplayer review should you buy it or not
Graphplayer review should you buy it or not
 
The mobile show : A guide to Luminous business team
The mobile show : A guide to Luminous business teamThe mobile show : A guide to Luminous business team
The mobile show : A guide to Luminous business team
 
Design preso #1
Design preso #1Design preso #1
Design preso #1
 
Space invaders
Space invadersSpace invaders
Space invaders
 
hoseok valve
hoseok valvehoseok valve
hoseok valve
 
Phases of game development
Phases of game developmentPhases of game development
Phases of game development
 
Game development Pre-Production
Game development Pre-ProductionGame development Pre-Production
Game development Pre-Production
 
Optimising a social mobile game
Optimising a social mobile gameOptimising a social mobile game
Optimising a social mobile game
 
Khec session
Khec sessionKhec session
Khec session
 
LO1 - Lesson 6 - Software
LO1 - Lesson 6 - SoftwareLO1 - Lesson 6 - Software
LO1 - Lesson 6 - Software
 
Game Design with Adobe® Flash® Professional CS6
Game Design with Adobe® Flash® Professional CS6Game Design with Adobe® Flash® Professional CS6
Game Design with Adobe® Flash® Professional CS6
 
Phaser presentation
Phaser presentationPhaser presentation
Phaser presentation
 
Why unity for mobile game development
Why unity for mobile game developmentWhy unity for mobile game development
Why unity for mobile game development
 
Game Development Project Management/Concept
Game Development Project Management/ConceptGame Development Project Management/Concept
Game Development Project Management/Concept
 

En vedette

Bengkel 5 presentation
Bengkel 5 presentationBengkel 5 presentation
Bengkel 5 presentation
gamelanYK
 

En vedette (20)

Usability testing
Usability testingUsability testing
Usability testing
 
Gayprojectfile
GayprojectfileGayprojectfile
Gayprojectfile
 
Cómo Triunfar con tu Negocio en las Redes Sociales
Cómo Triunfar con tu Negocio en las Redes Sociales Cómo Triunfar con tu Negocio en las Redes Sociales
Cómo Triunfar con tu Negocio en las Redes Sociales
 
Gbd measure
Gbd measureGbd measure
Gbd measure
 
Brocher Foundation program 2015
Brocher Foundation program 2015Brocher Foundation program 2015
Brocher Foundation program 2015
 
JGJ48: Baidu Android Store - Edo Surya
JGJ48: Baidu Android Store - Edo SuryaJGJ48: Baidu Android Store - Edo Surya
JGJ48: Baidu Android Store - Edo Surya
 
Health Cannot Be Measured
Health Cannot Be MeasuredHealth Cannot Be Measured
Health Cannot Be Measured
 
New Deck
New DeckNew Deck
New Deck
 
¿ Qué es el Marketing de Contenidos ?
¿ Qué es el Marketing de Contenidos ? ¿ Qué es el Marketing de Contenidos ?
¿ Qué es el Marketing de Contenidos ?
 
Ch ng 4_-_b_i_gi_ng_anten-truy_n_s_ng
Ch ng 4_-_b_i_gi_ng_anten-truy_n_s_ngCh ng 4_-_b_i_gi_ng_anten-truy_n_s_ng
Ch ng 4_-_b_i_gi_ng_anten-truy_n_s_ng
 
Ch ng 3_-_b_i_gi_ng_anten-truy_n_s_ng_1_
Ch ng 3_-_b_i_gi_ng_anten-truy_n_s_ng_1_Ch ng 3_-_b_i_gi_ng_anten-truy_n_s_ng_1_
Ch ng 3_-_b_i_gi_ng_anten-truy_n_s_ng_1_
 
Ch ng 3_-_b_i_gi_ng_anten-truy_n_s_ng_2_
Ch ng 3_-_b_i_gi_ng_anten-truy_n_s_ng_2_Ch ng 3_-_b_i_gi_ng_anten-truy_n_s_ng_2_
Ch ng 3_-_b_i_gi_ng_anten-truy_n_s_ng_2_
 
Baigiangdugio 20-11-08
Baigiangdugio 20-11-08Baigiangdugio 20-11-08
Baigiangdugio 20-11-08
 
259973943 xbee-node-temperature-sensor
259973943 xbee-node-temperature-sensor259973943 xbee-node-temperature-sensor
259973943 xbee-node-temperature-sensor
 
Bengkel Gamelan - Unity APK & Asset Size Optimization
Bengkel Gamelan - Unity APK & Asset Size OptimizationBengkel Gamelan - Unity APK & Asset Size Optimization
Bengkel Gamelan - Unity APK & Asset Size Optimization
 
Basic Version Control Using Git - Bengkel Gamelan
Basic Version Control Using Git - Bengkel GamelanBasic Version Control Using Git - Bengkel Gamelan
Basic Version Control Using Git - Bengkel Gamelan
 
Bengkel 5 presentation
Bengkel 5 presentationBengkel 5 presentation
Bengkel 5 presentation
 
Introduction into Procedural Content Generation by Yogie Aditya
Introduction into Procedural Content Generation by Yogie AdityaIntroduction into Procedural Content Generation by Yogie Aditya
Introduction into Procedural Content Generation by Yogie Aditya
 
Messaging is the New Platform: (Game) Bots are the New Apps | Alexander Krug
Messaging is the New Platform: (Game) Bots are the New Apps | Alexander KrugMessaging is the New Platform: (Game) Bots are the New Apps | Alexander Krug
Messaging is the New Platform: (Game) Bots are the New Apps | Alexander Krug
 
GMGC2015 Beijing - How To Successfully Distribute Your HTML5 Game
GMGC2015 Beijing - How To Successfully Distribute Your HTML5 GameGMGC2015 Beijing - How To Successfully Distribute Your HTML5 Game
GMGC2015 Beijing - How To Successfully Distribute Your HTML5 Game
 

Similaire à Bengkel Gamelan 3: HTML 5

Mobile gaming market 2013
Mobile gaming market 2013Mobile gaming market 2013
Mobile gaming market 2013
Ken Leaver
 
Vlad Micu “20 things succesful game developers do beyond making games”
Vlad Micu “20 things succesful game developers do beyond making games”Vlad Micu “20 things succesful game developers do beyond making games”
Vlad Micu “20 things succesful game developers do beyond making games”
Lviv Startup Club
 
CodeFest 2014_Mobile Game Development
CodeFest 2014_Mobile Game DevelopmentCodeFest 2014_Mobile Game Development
CodeFest 2014_Mobile Game Development
Wooga
 

Similaire à Bengkel Gamelan 3: HTML 5 (20)

HTML5 Game Development - Bali GameDev Meetup February 2016
HTML5 Game Development - Bali GameDev Meetup February 2016HTML5 Game Development - Bali GameDev Meetup February 2016
HTML5 Game Development - Bali GameDev Meetup February 2016
 
HTML5 Game Development - BaliGameDev Meetup February 2016
HTML5 Game Development - BaliGameDev Meetup February 2016HTML5 Game Development - BaliGameDev Meetup February 2016
HTML5 Game Development - BaliGameDev Meetup February 2016
 
Leiyoo company introduction (en)
Leiyoo company introduction (en) Leiyoo company introduction (en)
Leiyoo company introduction (en)
 
Mobile gaming market 2013
Mobile gaming market 2013Mobile gaming market 2013
Mobile gaming market 2013
 
Before starting android game development
Before starting android game developmentBefore starting android game development
Before starting android game development
 
Gameathon @ Neev
Gameathon @ NeevGameathon @ Neev
Gameathon @ Neev
 
Massive Cross-platform game pitch
Massive Cross-platform game pitchMassive Cross-platform game pitch
Massive Cross-platform game pitch
 
Developing applications and games in Unity engine - Matej Jariabka, Rudolf Ka...
Developing applications and games in Unity engine - Matej Jariabka, Rudolf Ka...Developing applications and games in Unity engine - Matej Jariabka, Rudolf Ka...
Developing applications and games in Unity engine - Matej Jariabka, Rudolf Ka...
 
Flash is Dead - The Future of Interactive Content for Kids
Flash is Dead - The Future of Interactive Content for KidsFlash is Dead - The Future of Interactive Content for Kids
Flash is Dead - The Future of Interactive Content for Kids
 
Creating Casual Games for Windows 8
Creating Casual Games for Windows 8Creating Casual Games for Windows 8
Creating Casual Games for Windows 8
 
Android the sweetmobility
Android the sweetmobilityAndroid the sweetmobility
Android the sweetmobility
 
Social Network Games - SAE
Social Network Games - SAESocial Network Games - SAE
Social Network Games - SAE
 
Windows 8 and MonoGame Presentation at Staffordshire University
Windows 8 and MonoGame Presentation at Staffordshire UniversityWindows 8 and MonoGame Presentation at Staffordshire University
Windows 8 and MonoGame Presentation at Staffordshire University
 
Google Cardboard
Google CardboardGoogle Cardboard
Google Cardboard
 
New Legends Studios - Seed Deck 2014
New Legends Studios - Seed Deck 2014New Legends Studios - Seed Deck 2014
New Legends Studios - Seed Deck 2014
 
Vlad Micu “20 things succesful game developers do beyond making games”
Vlad Micu “20 things succesful game developers do beyond making games”Vlad Micu “20 things succesful game developers do beyond making games”
Vlad Micu “20 things succesful game developers do beyond making games”
 
Neev Hackathon 2013 - Super Feet
Neev Hackathon 2013 - Super FeetNeev Hackathon 2013 - Super Feet
Neev Hackathon 2013 - Super Feet
 
Xu hướng trong trò chơi di động tại châu Á
Xu hướng trong trò chơi di động tại châu ÁXu hướng trong trò chơi di động tại châu Á
Xu hướng trong trò chơi di động tại châu Á
 
Trends In Mobile Gaming In Asia
Trends In Mobile Gaming In AsiaTrends In Mobile Gaming In Asia
Trends In Mobile Gaming In Asia
 
CodeFest 2014_Mobile Game Development
CodeFest 2014_Mobile Game DevelopmentCodeFest 2014_Mobile Game Development
CodeFest 2014_Mobile Game Development
 

Plus de gamelanYK (8)

Bengkel Gamelan 3D game asset workflow
Bengkel Gamelan 3D game asset workflowBengkel Gamelan 3D game asset workflow
Bengkel Gamelan 3D game asset workflow
 
Bengkel Gamelan - Game Balancing
Bengkel Gamelan - Game BalancingBengkel Gamelan - Game Balancing
Bengkel Gamelan - Game Balancing
 
Basic Optimization and Unity Tips & Tricks by Yogie Aditya
Basic Optimization and Unity Tips & Tricks by Yogie AdityaBasic Optimization and Unity Tips & Tricks by Yogie Aditya
Basic Optimization and Unity Tips & Tricks by Yogie Aditya
 
Bengkel Gamelan : Pixel Art Best Practices by Wisageni Studio
Bengkel Gamelan : Pixel Art Best Practices by Wisageni StudioBengkel Gamelan : Pixel Art Best Practices by Wisageni Studio
Bengkel Gamelan : Pixel Art Best Practices by Wisageni Studio
 
JGJ48 : Intel Realsense - Firstman Marpaung
JGJ48 : Intel Realsense - Firstman MarpaungJGJ48 : Intel Realsense - Firstman Marpaung
JGJ48 : Intel Realsense - Firstman Marpaung
 
Bengkel 6 pengetahuan dasar audio pada game (1)
Bengkel 6 pengetahuan dasar audio pada game (1)Bengkel 6 pengetahuan dasar audio pada game (1)
Bengkel 6 pengetahuan dasar audio pada game (1)
 
Bengkel 4 bring your unity game to windows phone 8
Bengkel 4 bring your unity game to windows phone 8Bengkel 4 bring your unity game to windows phone 8
Bengkel 4 bring your unity game to windows phone 8
 
Bengkel 8 presentasi press release 101
Bengkel 8 presentasi press release 101Bengkel 8 presentasi press release 101
Bengkel 8 presentasi press release 101
 

Dernier

Bring back lost lover in USA, Canada ,Uk ,Australia ,London Lost Love Spell C...
Bring back lost lover in USA, Canada ,Uk ,Australia ,London Lost Love Spell C...Bring back lost lover in USA, Canada ,Uk ,Australia ,London Lost Love Spell C...
Bring back lost lover in USA, Canada ,Uk ,Australia ,London Lost Love Spell C...
amilabibi1
 
Proofreading- Basics to Artificial Intelligence Integration - Presentation:Sl...
Proofreading- Basics to Artificial Intelligence Integration - Presentation:Sl...Proofreading- Basics to Artificial Intelligence Integration - Presentation:Sl...
Proofreading- Basics to Artificial Intelligence Integration - Presentation:Sl...
David Celestin
 
Unlocking Exploration: Self-Motivated Agents Thrive on Memory-Driven Curiosity
Unlocking Exploration: Self-Motivated Agents Thrive on Memory-Driven CuriosityUnlocking Exploration: Self-Motivated Agents Thrive on Memory-Driven Curiosity
Unlocking Exploration: Self-Motivated Agents Thrive on Memory-Driven Curiosity
Hung Le
 
Uncommon Grace The Autobiography of Isaac Folorunso
Uncommon Grace The Autobiography of Isaac FolorunsoUncommon Grace The Autobiography of Isaac Folorunso
Uncommon Grace The Autobiography of Isaac Folorunso
Kayode Fayemi
 
Jual obat aborsi Jakarta 085657271886 Cytote pil telat bulan penggugur kandun...
Jual obat aborsi Jakarta 085657271886 Cytote pil telat bulan penggugur kandun...Jual obat aborsi Jakarta 085657271886 Cytote pil telat bulan penggugur kandun...
Jual obat aborsi Jakarta 085657271886 Cytote pil telat bulan penggugur kandun...
ZurliaSoop
 

Dernier (17)

Zone Chairperson Role and Responsibilities New updated.pptx
Zone Chairperson Role and Responsibilities New updated.pptxZone Chairperson Role and Responsibilities New updated.pptx
Zone Chairperson Role and Responsibilities New updated.pptx
 
My Presentation "In Your Hands" by Halle Bailey
My Presentation "In Your Hands" by Halle BaileyMy Presentation "In Your Hands" by Halle Bailey
My Presentation "In Your Hands" by Halle Bailey
 
Report Writing Webinar Training
Report Writing Webinar TrainingReport Writing Webinar Training
Report Writing Webinar Training
 
Bring back lost lover in USA, Canada ,Uk ,Australia ,London Lost Love Spell C...
Bring back lost lover in USA, Canada ,Uk ,Australia ,London Lost Love Spell C...Bring back lost lover in USA, Canada ,Uk ,Australia ,London Lost Love Spell C...
Bring back lost lover in USA, Canada ,Uk ,Australia ,London Lost Love Spell C...
 
Proofreading- Basics to Artificial Intelligence Integration - Presentation:Sl...
Proofreading- Basics to Artificial Intelligence Integration - Presentation:Sl...Proofreading- Basics to Artificial Intelligence Integration - Presentation:Sl...
Proofreading- Basics to Artificial Intelligence Integration - Presentation:Sl...
 
SOLID WASTE MANAGEMENT SYSTEM OF FENI PAURASHAVA, BANGLADESH.pdf
SOLID WASTE MANAGEMENT SYSTEM OF FENI PAURASHAVA, BANGLADESH.pdfSOLID WASTE MANAGEMENT SYSTEM OF FENI PAURASHAVA, BANGLADESH.pdf
SOLID WASTE MANAGEMENT SYSTEM OF FENI PAURASHAVA, BANGLADESH.pdf
 
Dreaming Marissa Sánchez Music Video Treatment
Dreaming Marissa Sánchez Music Video TreatmentDreaming Marissa Sánchez Music Video Treatment
Dreaming Marissa Sánchez Music Video Treatment
 
lONG QUESTION ANSWER PAKISTAN STUDIES10.
lONG QUESTION ANSWER PAKISTAN STUDIES10.lONG QUESTION ANSWER PAKISTAN STUDIES10.
lONG QUESTION ANSWER PAKISTAN STUDIES10.
 
in kuwait௹+918133066128....) @abortion pills for sale in Kuwait City
in kuwait௹+918133066128....) @abortion pills for sale in Kuwait Cityin kuwait௹+918133066128....) @abortion pills for sale in Kuwait City
in kuwait௹+918133066128....) @abortion pills for sale in Kuwait City
 
AWS Data Engineer Associate (DEA-C01) Exam Dumps 2024.pdf
AWS Data Engineer Associate (DEA-C01) Exam Dumps 2024.pdfAWS Data Engineer Associate (DEA-C01) Exam Dumps 2024.pdf
AWS Data Engineer Associate (DEA-C01) Exam Dumps 2024.pdf
 
Unlocking Exploration: Self-Motivated Agents Thrive on Memory-Driven Curiosity
Unlocking Exploration: Self-Motivated Agents Thrive on Memory-Driven CuriosityUnlocking Exploration: Self-Motivated Agents Thrive on Memory-Driven Curiosity
Unlocking Exploration: Self-Motivated Agents Thrive on Memory-Driven Curiosity
 
Introduction to Artificial intelligence.
Introduction to Artificial intelligence.Introduction to Artificial intelligence.
Introduction to Artificial intelligence.
 
Uncommon Grace The Autobiography of Isaac Folorunso
Uncommon Grace The Autobiography of Isaac FolorunsoUncommon Grace The Autobiography of Isaac Folorunso
Uncommon Grace The Autobiography of Isaac Folorunso
 
Digital collaboration with Microsoft 365 as extension of Drupal
Digital collaboration with Microsoft 365 as extension of DrupalDigital collaboration with Microsoft 365 as extension of Drupal
Digital collaboration with Microsoft 365 as extension of Drupal
 
Jual obat aborsi Jakarta 085657271886 Cytote pil telat bulan penggugur kandun...
Jual obat aborsi Jakarta 085657271886 Cytote pil telat bulan penggugur kandun...Jual obat aborsi Jakarta 085657271886 Cytote pil telat bulan penggugur kandun...
Jual obat aborsi Jakarta 085657271886 Cytote pil telat bulan penggugur kandun...
 
Dreaming Music Video Treatment _ Project & Portfolio III
Dreaming Music Video Treatment _ Project & Portfolio IIIDreaming Music Video Treatment _ Project & Portfolio III
Dreaming Music Video Treatment _ Project & Portfolio III
 
ICT role in 21st century education and it's challenges.pdf
ICT role in 21st century education and it's challenges.pdfICT role in 21st century education and it's challenges.pdf
ICT role in 21st century education and it's challenges.pdf
 

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
  • 4.
  • 5.
  • 6.
  • 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
  • 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
  • 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