HTML5_Games_Ecosystem_Jan2013
17
JANUARY 2013 HTML5: a developing games ecosystem Essential facts you need to know about the state of HTML5 gaming A BoosterMedia Publication © 2013 www.boostermedia.com
-
Upload
boostermedia -
Category
Entertainment & Humor
-
view
8.257 -
download
0
description
This publication describes the state of the HTML5 mobile games ecosystem. About common challenges in developing HTML5 games for multiple devices. And on the solutions from the increasing number of good development tools and resources that are available today. Additionally, this publication describes the distribution potential of HTML5 games via the open mobile web and the traditional app-stores, different monetization models and some examples of successful HTML5 games released in 2012.
Transcript of HTML5_Games_Ecosystem_Jan2013
JANUARY 2013
HTML5: a developing games ecosystem
Essential facts you need to know about the state of HTML5 gaming
A BoosterMedia Publication© 2013
www.boostermedia.com
CONTENTS
CROSS PLATFORM HTML5 GAME
DEVELOPMENT & TOOLS
MONETIZING HTML5 GAMES
AN OUTLOOK TOWARDS 2013
INTRODUCTION 1
CONTACT US!
2
SMART DISTRIBUTION VIA THE OPEN MOBILE WEB AND
TRADITIONAL APP-STORES4
3
SUCCESFULL HTML5 GAMES IN 2012
56
7
20+ YEARS OF MOBILE GAMING: TIME FOR A NEW REVOLUTION?
MOBILE GAME
CONSOLES
i-mode(JAPAN)
WAP & J2ME
iOS APP-STORE HTML5
1. INTRODUCTION
It has been around two years since the first generation of HTML5 games came to the market as browser-based web-games or hidden as ‘native’ wrapped-apps in the app-stores. BoosterMedia estimates there are now nearly one thousand HTML5 games available for mobile devices today, still only a fraction of the number of native games for iOS and Android. But this is changing rapidly as a vibrant HTML5 games ecosystem is starting to arise. New and quickly improving HTML5 gamesare released in ever larger numbers and good tools make life easier for developers, helping to overcome many of the initial difficultiesof this new technology.BoosterMedia is committed to continuouslysupport and co-develop the HTML5 games community and to be at the heart of theevolution of this exciting new market.
1. DON’T TRY TO REINVENT THE WHEEL: USE EXISTING TOOLS2. FOCUS ON iPHONE, iPAD AND MOST POPULAR ANDROIDS FIRST3. BUILD GREAT 2D GAMES NOW, LEAVE 3D FOR NEXT-GEN HTML5
2. CROSS PLATFORM DEVELOPMENT: PICK YOUR RIGHT TOOLSET
TIPS
In principle, HTML5 games should run smoothly across all sorts of devices. In
reality, it requires good development skills to cope with
different screen sizes, to cope with divergent HTML5 support in the browser and to creatively deal with some of the limitations that the technology still has today. But with some handy tools and pre-developed game frameworks, good cross-platform HTML5 games are being made.
FRAGMENTATION IN SCREEN SIZES
BROWSER INCOMPATIBILITIES
LIMITED SOUND SUPPORT
DIFFERENT DEVICE PERFORMANCE
WEBGL (3D) NOT IN ALL BROWSERS
NO ACCESS TO SOME NATIVE APIS
MOST COMMON ISSUES
2. CROSS PLATFORM DEVELOPMENT: TOOLS & TRICKS
HTML5 ASSETS
TEXTURE PACKERwww.codeandweb.com/
texturepackerPNG GAUNTLET
www.pnggauntlet.com
HTML5 GAME FRAMEWORKS
ULTIMATE JSwww.logicking.com/index.php?
page=html5IMPACT JS
www.impactjs.comPLAY N
code.google.com/p/playnGAMEMAKER
www.yoyogames.com/gamemaker/studioLIME JS
www.limejs.comCRAFTY JS
www.craftyjs.comGAME QUERY
www.gamequeryjs.comENCHANT
www.enchantjs.com/en/?s=enAKIHABARA
www.kesiev.com/akihabaraCOCOS 2D
www.cocos2d-javascript.org
ONLINE HTML5 RESOURCES
HTML5 ROCKSwww.html5rocks.com/en
CAN I USE…www.caniuse.com
MOZILLA DEVELOPER NETWORKdeveloper.mozilla.org/en-US
WEB PLATFORMwww.webplatform.org
FLASH & HTML5 GRAPHICS
ADOBE TOOLKIT FOR CREATEJSadobe.com/products/flash/flash-to-
html5.htmlADOBE EDGE
html5.adobe.com/edgeGOOGLE SWIFFY
google.com/doubleclick/studio/swiffyPIXEL PLANT
www.pixelplant.com
PROFILING
CHROME DEVELOPER TOOLSdevelopers.google.com/
chrome-developer-tools/docs/overviewJS PERF
www.jsperf.com
OTHER TOOLS
PHONE GAPwww.phonegap.com
NETBEANS 7.3www.netbeans.org
3. SMART DISTRIBUTION VIA THE OPEN WEB AND APP-STORES
Developers and publishers of native iOS and Androidgames are increasingly struggling to gain traction in theapp-stores. HTML5 allows for wider distribution via theopen mobile web. Developers can license their games todistributors such as the BoosterMedia network, or any of the other HTML5 publishers, who handle the promotion, marketing and monetization.
Additionally, HTML5 games can still be wrapped into a ‘native’ app and offered via the traditional app-stores. An increasing number of these so-called hybrid-apps are becoming available.
3. DISTRIBUTION VIA THE OPEN MOBILE WEB
BOOSTERMEDIA NOW DISTRIBUTES HTML5 GAMES VIA 100+ GAME
CHANNELS WORLDWIDE
3. DISTRIBUTION: NO NEED TO SEND USER AWAY TO APP-STORE
ONE OF THE BENEFITS OF HTML5 IS THAT IT ALLOWS ‘CLICK-AND-PLAY’ GAMING, WITHOUT SENDING THE USER AWAY TO
AN EXTERNAL APP-STORE
4. MONETIZING HTML5 GAMES
LICENSE FEEDEVELOPER CHARGES AN (EXCLUSIVE) LICENSE FEE TO THE PUBLISHER OR DISTRIBUTOR
IN-GAME ADVERTISEMENTSMOBILE ADS ARE INTEGRATED INTO THE GAME, REVENUES SHARED WITH PUBLISHER
FREEMIUM REVENUESUSER PAYS MICRO-PAYMENTS TO GAIN EXTRA LEVELS, POWER-UPS, VIRTUAL GOODS ETC
SUBSCRIPTION REVENUESUSER PAYS WEEKLY OR MONTHLY FEE TO GET UNLIMITED ACCESS TO ONE OR MORE GAMES
FOR BOTH BROWSER-BASED AS WELL AS ‘WRAPPED’ HTML5 GAMES, THERE ARE GENERALLY FOUR WAYS TO MONETIZE A GAME, WHERE THE APP-STORE HAS THE ADVANTAGE OF A WELL DEVELOPED BILLING SYSTEM .
MOST COMMON REVENUE MODELS
$€¥!
IN-GAME FREEMIUM
PURCHASES
5. SUCCESSFUL HTML5 GAMES IN 2012
HTML5 GAMES CAN BE FOUND ON THE MOBILE WEB, IN THE TRADITIONAL APP-STORES WRAPPED AS A ‘NATIVE’ APP, OR ON BOTH. NOT MANY PEOPLE KNOW THAT MANY OF THE BEST PERFORMING MOBILE GAMES OF 2012 ARE ACTUALLY HTML5 GAMES… FAC
TRAGE OF BAHAMUT (CYGAMES, MOBAGE
PLATFORM) HAS TOPPED THE WORLDWIDE RANKINGS FOR
MONTHS
5. SUCCESSFUL HTML5 TITLES IN 2012: BROWSER-GAMES
CANONS & SOLDIERS (LOGICKING), AN ANGRY BIRDS TYPE OF GAME, IS ONE OF THE MORE POPULAR HTML5 GAMES THAT CAN BE FOUND ON
MANY WEB-GAMING CHANNELS. BASED ON A SINGLE HTML5 CODE-BASE, IT RUNS SEAMLESSLY ON ALL DEVICES AND SCREENSIZES.
5. SUCCESSFUL HTML5 TITLES IN 2012: BROWSER-GAMES
TIC-TAC-TOEDROPLETS DISTANT ORBIT
5. SUCCESSFUL HTML5 GAMES IN 2012: WRAPPED INTO APPS
DARK SUMMONER DRAGON COLLECTION
RAGE OF BAHAMUT
5. SUCCESSFUL HTML5 GAMES IN 2012: WRAPPED INTO APPS
TRANSFORMERS MARVEL WAR OF HEROES
GANG DOMINATION
6. AN OUTLOOK TOWARDS 2013
At the end of 2012, the W3C took another important step towards a full HTML5 standard. Big players like Intel and Samsung (together in Tizen OS), Mozilla, Qualcomm, Amazon and others are increasingly supporting this technology. And the HTML5 ecosystem of small and medium-sized game developers and middleware providers is starting to thrive.At the same time, the cost of acquisition to generatetraffic to native games in the traditional app-stores isexploding, making games publishing an often unprofitableventure, even with top-rankings in the popular charts. All the signs are right for the take-off of HTML5 as aserious standard for games development and distribution in 2013, with thousands of new mobile gaming channels appearing. These will not replace native apps or the app-stores, but become a true alternative for forward-thinking, successful and profitable games development.
HTML5 GAME STUDIO
EVANGALIZATION GAMES DISTRIBUTION
7: CONTACT [email protected]
twitter @boostermedia
www.boostermedia.com
GAMES AGGREGATION
