HTML5 - Emerging Platform for Games

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

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