OUTSIDETHEBROWSERSURVIVALGUIDETheChallengesofHybridAppsandGames

WHOAREYOU?

IkerJamardo(@judax)VPofEngineering@Ludei

Passionateaboutsoftware,techproductsandvideogames

3YEARSAGO,WEHADAVISIONINTOTHEFUTURE...

WEDIDNOTWANTTOCONTINUEDEVELOPINGUSINGDIFFERENT

TECHNOLOGIES

WEBELIEVEDINTHEWEB...

...ANDWELOVEDMAKINGANDPLAYINGGAMES

HTML5(ANDWEBGL)FORGAMEDEVELOPMENTWASTHEVISION

WEMADEHTML5WORKFORGAMEDEVELOPMENT

ITWASEARLY(noteverybodysharedthevisionatthetime)

TODAYWEHAVE20.000+GAMEDEVELOPERS1.800+GAMESPUBLISHED

ANDMORETHAN100FLAPPYBIRDCLONES:(:)

http://blog.ludei.com/why-flappy-bird-should-have-been-an-html5-game/

WHYHTML5Number#1reason:Cross-platform

WHYHTML5Butcross-platformisnotjustdevicesorOS,butstores!

iOSAppStore

GooglePlay

Amazon

OUYA

Windows

MacOSXAppStore

Steam

Facebook

ChromeStore

MozillaMarketplace

TizenStore

...

WHYHTML5...andemergingbrowserbasedmarkets.

SpilGamesKik

ClickJogosClay.ioMarketJS

MundiJuegosKongregate

...

WHYHTML5Allowsrapidprototyping

WHYHTML5Allthebenefitsfromtheweb:

-Wellestablishedinfrastructure

-Widelyknownplatform

-Contentondemandinit'snature

WHYHTML5

WHYHTML5StillcanaccessallthenativefeaturesfromJS:

In-AppPaymentsNativeAdNetworksPushNotifications

SocialNetworkNativeSDKsAnalytics

CrashReports...

Developyourownextensions

WHYHTML5Greattoolsareavailable

ImpactJSConstruct2

GooPlayCanvasPixiJSPandaJSKiwiJSHaxePhaser...

WHYHTML5Bigcompaniesarebettingonandsupportingit

NVidiaQualcommGoogleAmazonApple

MicrosoftIntel

SamsungNickelodeonDisney...

CHALLENGESFORHTML5DEVELOPERS

CHALLENGE#1

PERFORMANCE

LUDEI'SAPPROACH

FAST(ANDONLY)JAVASCRIPT

EXECUTIONENVIRONMENTTOCREATE

CANVAS2DANDWEBGLIOSANDANDROIDNATIVEAPPS

CHALLENGE#2

DEVICE(ANDBROWSER)FRAGMENTATION

LUDEI'SAPPROACH

ACONSISTENTSETOFHTML5FEATURESANDAPIS

ACROSSMANYDEVICESANDOSVERSIONS

CHALLENGE#3

STORE/PLATFORMFRAGMENTATION

LUDEI'SAPPROACH

ANATIVEHYBRIDAPPWRAPPERiOS,Android,WindowsPhone,Windows,MacOSX,Linux

LUDEI'SAPPROACH

THECOCOONJSCLOUDCOMPILEROneclicktomultipleplatformdeployment

CHALLENGE#4

WORKFLOW

Test->Debug->Deploy

LUDEI'SAPPROACH

THECOCOONJSLAUNCHERAPPBrowser-likeexperienceonthedevice

RemotedebuggingofyourJavaScript

Nativeextensions/pluginstesting

Cordova/PhoneGapcompatible

CHALLENGE#5

MAKEMONEY

LUDEI'SAPPROACH

CROSS-PLATFORMVALUEADDEDSERVICESMonetization

(ads&IAPs)Engagement

(notificationsandsocialnetworks)AnalyticsMultiplayerA/Btesting

Onlineappupdate...

CHALLENGE#6

DEVELOPERSNEEDMORECONTROL

ADVANCEDFEATURESTOPROVIDEMORECONTROLTOHTML5GAMEDEVELOPERS

Image,canvasandsoundsynchronousmemorydeallocation

Extendedfeaturesforperformanceboost(screencanvas,devicemotionsetup,CSSmatrixserialisation,...)

Vibration,gamepadAPI,...

SHOWMESOMEDEMOS!!!