SlideShare uma empresa Scribd logo
1 de 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

Mais conteúdo relacionado

Mais procurados

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 UWPVidyasagar Machupalli
 
Gaming consoles of 2014
Gaming consoles of 2014Gaming consoles of 2014
Gaming consoles of 2014gpfalzgraf
 
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 notJvzooreview DotNet
 
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 teamBikash Sundaray
 
Game development Pre-Production
Game development Pre-ProductionGame development Pre-Production
Game development Pre-ProductionKevin Duggan
 
Optimising a social mobile game
Optimising a social mobile gameOptimising a social mobile game
Optimising a social mobile gameKevin Corti
 
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 CS6Joseph Labrecque
 
Why unity for mobile game development
Why unity for mobile game developmentWhy unity for mobile game development
Why unity for mobile game developmentAmalan Dhananjayan
 
Game Development Project Management/Concept
Game Development Project Management/ConceptGame Development Project Management/Concept
Game Development Project Management/ConceptKevin Duggan
 

Mais procurados (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
 

Destaque

Usability testing
Usability testingUsability testing
Usability testinggamelanYK
 
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 Mónica Vera
 
Brocher Foundation program 2015
Brocher Foundation program 2015Brocher Foundation program 2015
Brocher Foundation program 2015Fondation Brocher
 
JGJ48: Baidu Android Store - Edo Surya
JGJ48: Baidu Android Store - Edo SuryaJGJ48: Baidu Android Store - Edo Surya
JGJ48: Baidu Android Store - Edo SuryagamelanYK
 
¿ Qué es el Marketing de Contenidos ?
¿ Qué es el Marketing de Contenidos ? ¿ Qué es el Marketing de Contenidos ?
¿ Qué es el Marketing de Contenidos ? Mónica Vera
 
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_ngDuy Quang Nguyen Ly
 
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_Duy Quang Nguyen Ly
 
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_Duy Quang Nguyen Ly
 
259973943 xbee-node-temperature-sensor
259973943 xbee-node-temperature-sensor259973943 xbee-node-temperature-sensor
259973943 xbee-node-temperature-sensorDuy Quang Nguyen Ly
 
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 OptimizationgamelanYK
 
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 GamelangamelanYK
 
Bengkel 5 presentation
Bengkel 5 presentationBengkel 5 presentation
Bengkel 5 presentationgamelanYK
 
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 AdityagamelanYK
 
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 KrugJessica Tams
 

Destaque (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
 

Semelhante a Bengkel Gamelan 3: HTML 5

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 2016Trimikha Valentius
 
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 2016Trimikha Valentius
 
Leiyoo company introduction (en)
Leiyoo company introduction (en) Leiyoo company introduction (en)
Leiyoo company introduction (en) Apple Gao
 
Mobile gaming market 2013
Mobile gaming market 2013Mobile gaming market 2013
Mobile gaming market 2013Ken Leaver
 
Before starting android game development
Before starting android game developmentBefore starting android game development
Before starting android game developmentBeing Programmer
 
Massive Cross-platform game pitch
Massive Cross-platform game pitchMassive Cross-platform game pitch
Massive Cross-platform game pitchAlexander Malin
 
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...gamifi.cc
 
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 KidsRichard Hart
 
Android the sweetmobility
Android the sweetmobilityAndroid the sweetmobility
Android the sweetmobilityindiangarg
 
Social Network Games - SAE
Social Network Games - SAESocial Network Games - SAE
Social Network Games - SAEBranko Djurkovic
 
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 UniversityLee Stott
 
New Legends Studios - Seed Deck 2014
New Legends Studios - Seed Deck 2014New Legends Studios - Seed Deck 2014
New Legends Studios - Seed Deck 2014Ohad Barzilay
 
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
 
Neev Hackathon 2013 - Super Feet
Neev Hackathon 2013 - Super FeetNeev Hackathon 2013 - Super Feet
Neev Hackathon 2013 - Super FeetNeev Technologies
 
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 ÁLamGame
 
Trends In Mobile Gaming In Asia
Trends In Mobile Gaming In AsiaTrends In Mobile Gaming In Asia
Trends In Mobile Gaming In AsiaDr. Serkan Toto
 
CodeFest 2014_Mobile Game Development
CodeFest 2014_Mobile Game DevelopmentCodeFest 2014_Mobile Game Development
CodeFest 2014_Mobile Game DevelopmentWooga
 

Semelhante a Bengkel Gamelan 3: HTML 5 (20)

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
 
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
 
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
 

Mais de gamelanYK

Bengkel Gamelan 3D game asset workflow
Bengkel Gamelan 3D game asset workflowBengkel Gamelan 3D game asset workflow
Bengkel Gamelan 3D game asset workflowgamelanYK
 
Bengkel Gamelan - Game Balancing
Bengkel Gamelan - Game BalancingBengkel Gamelan - Game Balancing
Bengkel Gamelan - Game BalancinggamelanYK
 
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 AdityagamelanYK
 
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 StudiogamelanYK
 
JGJ48 : Intel Realsense - Firstman Marpaung
JGJ48 : Intel Realsense - Firstman MarpaungJGJ48 : Intel Realsense - Firstman Marpaung
JGJ48 : Intel Realsense - Firstman MarpaunggamelanYK
 
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)gamelanYK
 
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 8gamelanYK
 
Bengkel 8 presentasi press release 101
Bengkel 8 presentasi press release 101Bengkel 8 presentasi press release 101
Bengkel 8 presentasi press release 101gamelanYK
 

Mais 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
 

Último

RACHEL-ANN M. TENIBRO PRODUCT RESEARCH PRESENTATION
RACHEL-ANN M. TENIBRO PRODUCT RESEARCH PRESENTATIONRACHEL-ANN M. TENIBRO PRODUCT RESEARCH PRESENTATION
RACHEL-ANN M. TENIBRO PRODUCT RESEARCH PRESENTATIONRachelAnnTenibroAmaz
 
Quality by design.. ppt for RA (1ST SEM
Quality by design.. ppt for  RA (1ST SEMQuality by design.. ppt for  RA (1ST SEM
Quality by design.. ppt for RA (1ST SEMCharmi13
 
Event 4 Introduction to Open Source.pptx
Event 4 Introduction to Open Source.pptxEvent 4 Introduction to Open Source.pptx
Event 4 Introduction to Open Source.pptxaryanv1753
 
Internship Presentation | PPT | CSE | SE
Internship Presentation | PPT | CSE | SEInternship Presentation | PPT | CSE | SE
Internship Presentation | PPT | CSE | SESaleh Ibne Omar
 
The Ten Facts About People With Autism Presentation
The Ten Facts About People With Autism PresentationThe Ten Facts About People With Autism Presentation
The Ten Facts About People With Autism PresentationNathan Young
 
DGT @ CTAC 2024 Valencia: Most crucial invest to digitalisation_Sven Zoelle_v...
DGT @ CTAC 2024 Valencia: Most crucial invest to digitalisation_Sven Zoelle_v...DGT @ CTAC 2024 Valencia: Most crucial invest to digitalisation_Sven Zoelle_v...
DGT @ CTAC 2024 Valencia: Most crucial invest to digitalisation_Sven Zoelle_v...Henrik Hanke
 
Mathan flower ppt.pptx slide orchids ✨🌸
Mathan flower ppt.pptx slide orchids ✨🌸Mathan flower ppt.pptx slide orchids ✨🌸
Mathan flower ppt.pptx slide orchids ✨🌸mathanramanathan2005
 
Application of GIS in Landslide Disaster Response.pptx
Application of GIS in Landslide Disaster Response.pptxApplication of GIS in Landslide Disaster Response.pptx
Application of GIS in Landslide Disaster Response.pptxRoquia Salam
 
THE COUNTRY WHO SOLVED THE WORLD_HOW CHINA LAUNCHED THE CIVILIZATION REVOLUTI...
THE COUNTRY WHO SOLVED THE WORLD_HOW CHINA LAUNCHED THE CIVILIZATION REVOLUTI...THE COUNTRY WHO SOLVED THE WORLD_HOW CHINA LAUNCHED THE CIVILIZATION REVOLUTI...
THE COUNTRY WHO SOLVED THE WORLD_HOW CHINA LAUNCHED THE CIVILIZATION REVOLUTI...漢銘 謝
 
Engaging Eid Ul Fitr Presentation for Kindergartners.pptx
Engaging Eid Ul Fitr Presentation for Kindergartners.pptxEngaging Eid Ul Fitr Presentation for Kindergartners.pptx
Engaging Eid Ul Fitr Presentation for Kindergartners.pptxAsifArshad8
 
INDIAN GCP GUIDELINE. for Regulatory affair 1st sem CRR
INDIAN GCP GUIDELINE. for Regulatory  affair 1st sem CRRINDIAN GCP GUIDELINE. for Regulatory  affair 1st sem CRR
INDIAN GCP GUIDELINE. for Regulatory affair 1st sem CRRsarwankumar4524
 
Chizaram's Women Tech Makers Deck. .pptx
Chizaram's Women Tech Makers Deck.  .pptxChizaram's Women Tech Makers Deck.  .pptx
Chizaram's Women Tech Makers Deck. .pptxogubuikealex
 
PAG-UNLAD NG EKONOMIYA na dapat isaalang alang sa pag-aaral.
PAG-UNLAD NG EKONOMIYA na dapat isaalang alang sa pag-aaral.PAG-UNLAD NG EKONOMIYA na dapat isaalang alang sa pag-aaral.
PAG-UNLAD NG EKONOMIYA na dapat isaalang alang sa pag-aaral.KathleenAnnCordero2
 
CHROMATOGRAPHY and its types with procedure,diagrams,flow charts,advantages a...
CHROMATOGRAPHY and its types with procedure,diagrams,flow charts,advantages a...CHROMATOGRAPHY and its types with procedure,diagrams,flow charts,advantages a...
CHROMATOGRAPHY and its types with procedure,diagrams,flow charts,advantages a...university
 
proposal kumeneger edited.docx A kumeeger
proposal kumeneger edited.docx A kumeegerproposal kumeneger edited.docx A kumeeger
proposal kumeneger edited.docx A kumeegerkumenegertelayegrama
 
SaaStr Workshop Wednesday w/ Kyle Norton, Owner.com
SaaStr Workshop Wednesday w/ Kyle Norton, Owner.comSaaStr Workshop Wednesday w/ Kyle Norton, Owner.com
SaaStr Workshop Wednesday w/ Kyle Norton, Owner.comsaastr
 
Call Girls In Aerocity 🤳 Call Us +919599264170
Call Girls In Aerocity 🤳 Call Us +919599264170Call Girls In Aerocity 🤳 Call Us +919599264170
Call Girls In Aerocity 🤳 Call Us +919599264170Escort Service
 
Dutch Power - 26 maart 2024 - Henk Kras - Circular Plastics
Dutch Power - 26 maart 2024 - Henk Kras - Circular PlasticsDutch Power - 26 maart 2024 - Henk Kras - Circular Plastics
Dutch Power - 26 maart 2024 - Henk Kras - Circular PlasticsDutch Power
 
Early Modern Spain. All about this period
Early Modern Spain. All about this periodEarly Modern Spain. All about this period
Early Modern Spain. All about this periodSaraIsabelJimenez
 

Último (19)

RACHEL-ANN M. TENIBRO PRODUCT RESEARCH PRESENTATION
RACHEL-ANN M. TENIBRO PRODUCT RESEARCH PRESENTATIONRACHEL-ANN M. TENIBRO PRODUCT RESEARCH PRESENTATION
RACHEL-ANN M. TENIBRO PRODUCT RESEARCH PRESENTATION
 
Quality by design.. ppt for RA (1ST SEM
Quality by design.. ppt for  RA (1ST SEMQuality by design.. ppt for  RA (1ST SEM
Quality by design.. ppt for RA (1ST SEM
 
Event 4 Introduction to Open Source.pptx
Event 4 Introduction to Open Source.pptxEvent 4 Introduction to Open Source.pptx
Event 4 Introduction to Open Source.pptx
 
Internship Presentation | PPT | CSE | SE
Internship Presentation | PPT | CSE | SEInternship Presentation | PPT | CSE | SE
Internship Presentation | PPT | CSE | SE
 
The Ten Facts About People With Autism Presentation
The Ten Facts About People With Autism PresentationThe Ten Facts About People With Autism Presentation
The Ten Facts About People With Autism Presentation
 
DGT @ CTAC 2024 Valencia: Most crucial invest to digitalisation_Sven Zoelle_v...
DGT @ CTAC 2024 Valencia: Most crucial invest to digitalisation_Sven Zoelle_v...DGT @ CTAC 2024 Valencia: Most crucial invest to digitalisation_Sven Zoelle_v...
DGT @ CTAC 2024 Valencia: Most crucial invest to digitalisation_Sven Zoelle_v...
 
Mathan flower ppt.pptx slide orchids ✨🌸
Mathan flower ppt.pptx slide orchids ✨🌸Mathan flower ppt.pptx slide orchids ✨🌸
Mathan flower ppt.pptx slide orchids ✨🌸
 
Application of GIS in Landslide Disaster Response.pptx
Application of GIS in Landslide Disaster Response.pptxApplication of GIS in Landslide Disaster Response.pptx
Application of GIS in Landslide Disaster Response.pptx
 
THE COUNTRY WHO SOLVED THE WORLD_HOW CHINA LAUNCHED THE CIVILIZATION REVOLUTI...
THE COUNTRY WHO SOLVED THE WORLD_HOW CHINA LAUNCHED THE CIVILIZATION REVOLUTI...THE COUNTRY WHO SOLVED THE WORLD_HOW CHINA LAUNCHED THE CIVILIZATION REVOLUTI...
THE COUNTRY WHO SOLVED THE WORLD_HOW CHINA LAUNCHED THE CIVILIZATION REVOLUTI...
 
Engaging Eid Ul Fitr Presentation for Kindergartners.pptx
Engaging Eid Ul Fitr Presentation for Kindergartners.pptxEngaging Eid Ul Fitr Presentation for Kindergartners.pptx
Engaging Eid Ul Fitr Presentation for Kindergartners.pptx
 
INDIAN GCP GUIDELINE. for Regulatory affair 1st sem CRR
INDIAN GCP GUIDELINE. for Regulatory  affair 1st sem CRRINDIAN GCP GUIDELINE. for Regulatory  affair 1st sem CRR
INDIAN GCP GUIDELINE. for Regulatory affair 1st sem CRR
 
Chizaram's Women Tech Makers Deck. .pptx
Chizaram's Women Tech Makers Deck.  .pptxChizaram's Women Tech Makers Deck.  .pptx
Chizaram's Women Tech Makers Deck. .pptx
 
PAG-UNLAD NG EKONOMIYA na dapat isaalang alang sa pag-aaral.
PAG-UNLAD NG EKONOMIYA na dapat isaalang alang sa pag-aaral.PAG-UNLAD NG EKONOMIYA na dapat isaalang alang sa pag-aaral.
PAG-UNLAD NG EKONOMIYA na dapat isaalang alang sa pag-aaral.
 
CHROMATOGRAPHY and its types with procedure,diagrams,flow charts,advantages a...
CHROMATOGRAPHY and its types with procedure,diagrams,flow charts,advantages a...CHROMATOGRAPHY and its types with procedure,diagrams,flow charts,advantages a...
CHROMATOGRAPHY and its types with procedure,diagrams,flow charts,advantages a...
 
proposal kumeneger edited.docx A kumeeger
proposal kumeneger edited.docx A kumeegerproposal kumeneger edited.docx A kumeeger
proposal kumeneger edited.docx A kumeeger
 
SaaStr Workshop Wednesday w/ Kyle Norton, Owner.com
SaaStr Workshop Wednesday w/ Kyle Norton, Owner.comSaaStr Workshop Wednesday w/ Kyle Norton, Owner.com
SaaStr Workshop Wednesday w/ Kyle Norton, Owner.com
 
Call Girls In Aerocity 🤳 Call Us +919599264170
Call Girls In Aerocity 🤳 Call Us +919599264170Call Girls In Aerocity 🤳 Call Us +919599264170
Call Girls In Aerocity 🤳 Call Us +919599264170
 
Dutch Power - 26 maart 2024 - Henk Kras - Circular Plastics
Dutch Power - 26 maart 2024 - Henk Kras - Circular PlasticsDutch Power - 26 maart 2024 - Henk Kras - Circular Plastics
Dutch Power - 26 maart 2024 - Henk Kras - Circular Plastics
 
Early Modern Spain. All about this period
Early Modern Spain. All about this periodEarly Modern Spain. All about this period
Early Modern Spain. All about this period
 

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