OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIAon-demand.gputechconf.com/...5...games-challenges.pdf ·...
Transcript of OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIAon-demand.gputechconf.com/...5...games-challenges.pdf ·...
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
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!!!