Bengkel Gamelan 3: HTML 5

HTML5: an Emerging Platform for GamesAgastyo Satriaji IdamHinocyberApril 3, 2014

1

2 Who am I?

• Agastyo Satriaji Idam is:– Co-Founder,– Game Designer,– Sidekick Programmer, and

– Business Side of Hinocyber

3 Hinocyber GamesFounders: 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)

7 Agenda

1. HTML5 as Emerging Game Platform

2. HTML5 Game Engines3. Market of HTML5 Games

8

HTML5 AS EMERGING GAME PLATFORM

The New Kid on The Block

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

10 What starts the hype?

1. The “fall” of Flash2. Disney acquisition on Rocket Pack3. Growing popularity of Casual

Games

11 The Emerging Platform“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 powers2. More browsers support HTML53. Social sharing is easy4. Easier to maintain5. Growing demands for HTML5

Games

13 HTML5’s Super Powers

• Multiple platform supports through browser play

• No download, no installation, just instant play

• Can transform into native through packaging

14Browsers Support for HTML5

• Desktop Browsers:About 74% of browsers in the market support HTML5

94% Ready

88% Ready

75% Ready

56% Ready

Source: Infragistics

15Browsers Support for HTML5

• Mobile BrowsersMost HTML5-ready browsers scored by W3C:

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

Get Invite Go to App Store

Download (wait)

Run GamePatch (wait)Play

17 Social Sharing is Easy

HTML5 Game

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

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

20

HTML5 GAME ENGINESThe Weapons

21 Free Engines

22 Paid Engines

23 Packaging

24 Unity• Unity 5– Renderer: WebGL– ?????

• Unity + Frost.io– Renderer: WebGL,

Canvas, DOM/CSS3– Multiplayer SDK

25

MARKET OF HTML5 GAMESMonetization, Channels, & Games

26 Monetization

1. License Fee2. Advertisements3. Freemium4. Subscription5. Going Native

27 Distribution Channels

Game Portals

App Stores Brands Social

Network

28 Popular HTML5 Games

29Successful HTML5 Games

30 Summary

Game Engines

• Phaser• ImpactJS• Construct

2• KiwiJS• Tresensa

Packaging

• CocoonJS• PhoneGap• Intel XDK• Apache

Cordova• Tresensa

Distribution

• Spillgames

• Clay.io• Softgames• Booster

Media• Tresensa

31

THAT’S ALL FOLKS!

Agastyo Satriaji Idamsatriaji.idam@yahoo.com@satriajidam

www.hinocyber.com