The Challenges of Hybrid Apps and Games

OUTSIDETHEBROWSERSURVIVALGUIDE
TheChallengesofHybridAppsandGames
WHOAREYOU?
IkerJamardo(@judax)
VPofEngineering@Ludei
Passionateaboutsoftware,techproductsandvideogames
3YEARSAGO,
WEHADAVISIONINTOTHEFUTURE...
WEDIDNOTWANTTOCONTINUE
DEVELOPINGUSINGDIFFERENT
TECHNOLOGIES
WEBELIEVEDINTHEWEB...
...ANDWELOVED
MAKINGANDPLAYINGGAMES
HTML5(ANDWEBGL)FORGAME
DEVELOPMENTWASTHEVISION
WEMADEHTML5WORK
FORGAMEDEVELOPMENT
ITWASEARLY
(noteverybodysharedthevisionatthetime)
TODAYWEHAVE
20.000+GAMEDEVELOPERS
1.800+GAMESPUBLISHED
ANDMORETHAN100
FLAPPYBIRDCLONES:(:)
http://blog.ludei.com/why-flappy-bird-should-have-been-an-html5-game/
WHYHTML5
Number#1reason:Cross-platform
WHYHTML5
Butcross-platformisnotjustdevicesorOS,butstores!
iOSAppStore
GooglePlay
Amazon
OUYA
Windows
MacOSXAppStore
Steam
Facebook
ChromeStore
MozillaMarketplace
TizenStore
...
WHYHTML5
...andemergingbrowserbasedmarkets.
SpilGames
Kik
ClickJogos
Clay.io
MarketJS
MundiJuegos
Kongregate
...
WHYHTML5
Allowsrapidprototyping
WHYHTML5
Allthebenefitsfromtheweb:
-Wellestablishedinfrastructure
-Widelyknownplatform
-Contentondemandinit'snature
WHYHTML5
WHYHTML5
StillcanaccessallthenativefeaturesfromJS:
In-AppPayments
NativeAdNetworks
PushNotifications
SocialNetworkNativeSDKs
Analytics
CrashReports
...
Developyourownextensions
WHYHTML5
Greattoolsareavailable
ImpactJS
Construct2
Goo
PlayCanvas
PixiJS
PandaJS
KiwiJS
Haxe
Phaser
...
WHYHTML5
Bigcompaniesarebettingonandsupportingit
NVidia
Qualcomm
Google
Amazon
Apple
Microsoft
Intel
Samsung
Nickelodeon
Disney
...
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
ANATIVEHYBRIDAPPWRAPPER
iOS,Android,WindowsPhone,Windows,MacOSX,Linux
LUDEI'SAPPROACH
THECOCOONJSCLOUDCOMPILER
Oneclicktomultipleplatformdeployment
CHALLENGE#4
WORKFLOW
Test->Debug->Deploy
LUDEI'SAPPROACH
THECOCOONJSLAUNCHERAPP
Browser-likeexperienceonthedevice
RemotedebuggingofyourJavaScript
Nativeextensions/pluginstesting
Cordova/PhoneGapcompatible
CHALLENGE#5
MAKEMONEY
LUDEI'SAPPROACH
CROSS-PLATFORMVALUEADDEDSERVICES
Monetization
(ads&IAPs)
Engagement
(notificationsandsocialnetworks)
Analytics
Multiplayer
A/Btesting
Onlineappupdate
...
CHALLENGE#6
DEVELOPERSNEEDMORECONTROL
ADVANCEDFEATURESTOPROVIDEMORE
CONTROLTOHTML5GAMEDEVELOPERS
Image,canvasandsoundsynchronousmemorydeallocation
Extendedfeaturesforperformanceboost
(screencanvas,devicemotionsetup,CSSmatrixserialisation,...)
Vibration,gamepadAPI,...
SHOWMESOMEDEMOS!!!