• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
HTML5 Games Ecosystem
 

HTML5 Games Ecosystem

on

  • 871 views

Мобильная игровая сеть BoosterMedia подготовила познавательный отчет об экосистеме HTML5-игр. В презентации и ...

Мобильная игровая сеть BoosterMedia подготовила познавательный отчет об экосистеме HTML5-игр. В презентации и инфографике подробно рассматривается разработка, инструменты, дистрибуция, способы монетизации, истории успехов и тренды 2013 года на рынке мобильных игр на базе HTML5.

Statistics

Views

Total Views
871
Views on SlideShare
871
Embed Views
0

Actions

Likes
3
Downloads
7
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    HTML5 Games Ecosystem HTML5 Games Ecosystem Presentation Transcript

    • JANUARY 2013HTML5: a developing games ecosystemEssential facts you need to know about the state of HTML5 gaming A BoosterMedia Publication © 2013 www.boostermedia.com
    • CONTENTS INTRODUCTION 1 2 CROSS PLATFORM HTML5 GAME DEVELOPMENT & TOOLS SMART DISTRIBUTION VIA 3THE OPEN MOBILE WEB AND TRADITIONAL APP-STORES 4 MONETIZING HTML5 GAMES 5 SUCCESFULL HTML5 GAMES IN 2012 6 AN OUTLOOK TOWARDS 2013 7 CONTACT US!
    • 20+ YEARS OF MOBILE GAMING: TIME FOR A NEW REVOLUTION?MOBILE GAME i-mode WAP iOS HTML5 CONSOLES (JAPAN) & J2ME APP-STORE
    • 1. INTRODUCTIONIt has been around two years since the first generation of HTML5 gamescame to the market as browser-based web-games or hidden as ‘native’wrapped-apps in the app-stores. BoosterMedia estimates there are nownearly one thousand HTML5 games available for mobile devices today, stillonly a fraction of the number of native games for iOS and Android.But this is changing rapidly as a vibrant HTML5 games ecosystem is startingto arise. New and quickly improving HTML5 gamesare released in ever larger numbers and goodtools make life easier for developers, helpingto overcome many of the initial difficultiesof this new technology.BoosterMedia is committed to continuouslysupport and co-develop the HTML5 gamescommunity and to be at the heart of theevolution of this exciting new market.
    • 2. CROSS PLATFORM DEVELOPMENT: PICK YOUR RIGHT TOOLSET In principle, HTML5 games should run MOST COMMON ISSUES smoothly across all sorts of devices. In reality, it requires good development FRAGMENTATION IN SCREEN SIZES skills to cope with different screen BROWSER INCOMPATIBILITIES sizes, to cope with divergent HTML5 LIMITED SOUND SUPPORTsupport in the browser and to creatively deal withsome of the limitations that the technology still DIFFERENT DEVICE PERFORMANCEhas today. But with some handy tools and pre- WEBGL (3D) NOT IN ALL BROWSERSdeveloped game frameworks, good cross-platform NO ACCESS TO SOME NATIVE APISHTML5 games are being made. TIPS 1. DON’T TRY TO REINVENT THE WHEEL: USE EXISTING TOOLS 2. FOCUS ON iPHONE, iPAD AND MOST POPULAR ANDROIDS FIRST 3. BUILD GREAT 2D GAMES NOW, LEAVE 3D FOR NEXT-GEN HTML5
    • 2. CROSS PLATFORM DEVELOPMENT: TOOLS & TRICKSONLINE HTML5 RESOURCES HTML5 GAME FRAMEWORKS HTML5 ASSETS HTML5 ROCKS ULTIMATE JS TEXTURE PACKER www.html5rocks.com/en www.logicking.com/index.php?page=html5 www.codeandweb.com/texturepacker CAN I USE… IMPACT JS PNG GAUNTLET www.caniuse.com www.impactjs.com www.pnggauntlet.com MOZILLA DEVELOPER NETWORK PLAY N developer.mozilla.org/en-US code.google.com/p/playn PROFILING WEB PLATFORM GAMEMAKER www.webplatform.org www.yoyogames.com/gamemaker/studio LIME JS CHROME DEVELOPER TOOLS www.limejs.com developers.google.com/chrome-FLASH & HTML5 GRAPHICS developer-tools/docs/overview CRAFTY JS www.craftyjs.com JS PERF www.jsperf.com ADOBE TOOLKIT FOR CREATEJS GAME QUERY adobe.com/products/flash/flash-to- www.gamequeryjs.com html5.html ENCHANT OTHER TOOLS ADOBE EDGE www.enchantjs.com/en/?s=en html5.adobe.com/edge AKIHABARA GOOGLE SWIFFY www.kesiev.com/akihabara PHONE GAPgoogle.com/doubleclick/studio/swiffy www.phonegap.com COCOS 2D PIXEL PLANT www.cocos2d-javascript.org NETBEANS 7.3 www.pixelplant.com www.netbeans.org
    • 3. SMART DISTRIBUTION VIA THE OPEN WEB AND APP-STORES Developers and publishers of native iOS and Android games are increasingly struggling to gain traction in the app-stores. HTML5 allows for wider distribution via the open mobile web. Developers can license their games to distributors such as the BoosterMedia network, or any of the other HTML5 publishers, who handle the promotion, marketing and monetization.Additionally, HTML5 games can still bewrapped into a ‘native’ app and offeredvia the traditional app-stores. Anincreasing number of these so-calledhybrid-apps are becoming available.
    • 3. DISTRIBUTION VIA THE OPEN MOBILE WEB BOOSTERMEDIA NOW DISTRIBUTES HTML5GAMES 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 GAMESFOR BOTH BROWSER- MOST COMMON REVENUE MODELSBASED AS WELL AS‘WRAPPED’ HTML5 LICENSE FEEGAMES, THERE ARE DEVELOPER CHARGES AN (EXCLUSIVE) LICENSEGENERALLY FOUR WAYS FEE TO THE PUBLISHER OR DISTRIBUTORTO MONETIZE A GAME,WHERE THE APP-STORE IN-GAME ADVERTISEMENTSHAS THE ADVANTAGE OF MOBILE ADS ARE INTEGRATED INTO THE GAME, REVENUES SHARED WITH PUBLISHERA WELL DEVELOPEDBILLING SYSTEM . FREEMIUM REVENUES USER PAYS MICRO-PAYMENTS TO GAIN EXTRA $€¥! LEVELS, POWER-UPS, VIRTUAL GOODS ETC SUBSCRIPTION REVENUES IN-GAME FREEMIUM USER PAYS WEEKLY OR MONTHLY FEE TO GET PURCHASES UNLIMITED ACCESS TO ONE OR MORE GAMES
    • 5. SUCCESSFUL HTML5 GAMES IN 2012HTML5 GAMES CAN BEFOUND ON THE MOBILE WEB,IN THE TRADITIONAL APP-STORES WRAPPED AS A‘NATIVE’ APP, OR ON BOTH.NOT MANY PEOPLE KNOWTHAT MANY OF THE BESTPERFORMING MOBILE GAMESOF 2012 ARE ACTUALLYHTML5 GAMES… FACT RAGE OF BAHAMUT (CYGAMES, MOBAGE PLATFORM) HAS TOPPED THE WORLDWIDE RANKINGS FOR MONTHS
    • 5. SUCCESSFUL HTML5 TITLES IN 2012: BROWSER-GAMESCANONS & SOLDIERS (LOGICKING), AN ANGRY BIRDS TYPE OF GAME, IS ONE OF THE MOREPOPULAR HTML5 GAMES THAT CAN BE FOUND ON MANY WEB-GAMING CHANNELS. BASEDON A SINGLE HTML5 CODE-BASE, IT RUNS SEAMLESSLY ON ALL DEVICES AND SCREENSIZES.
    • 5. SUCCESSFUL HTML5 TITLES IN 2012: BROWSER-GAMESDROPLETS DISTANT ORBIT TIC-TAC-TOE
    • 5. SUCCESSFUL HTML5 GAMES IN 2012: WRAPPED INTO APPSRAGE OF BAHAMUT DARK SUMMONER DRAGON COLLECTION
    • 5. SUCCESSFUL HTML5 GAMES IN 2012: WRAPPED INTO APPSTRANSFORMERS MARVEL WAR OF HEROES GANG DOMINATION
    • 6. AN OUTLOOK TOWARDS 2013At the end of 2012, the W3C took another important step towards a fullHTML5 standard. Big players like Intel and Samsung (together in Tizen OS),Mozilla, Qualcomm, Amazon and others are increasingly supporting thistechnology. And the HTML5 ecosystem of small and medium-sized gamedevelopers 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 anddistribution in 2013, with thousands of new mobilegaming channels appearing. These will not replacenative apps or the app-stores, but become a truealternative for forward-thinking, successful andprofitable games development.
    • EVANGALIZATION GAMES DISTRIBUTION 7: CONTACT US! info@boostermedia.com twitter @boostermedia www.boostermedia.comHTML5 GAME STUDIO GAMES AGGREGATION