new outside the browser survival guide - nvidia · 2014. 4. 10. · web based apps and games are...
TRANSCRIPT
![Page 1: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/1.jpg)
OUTSIDETHEBROWSERSURVIVALGUIDETheChallengesofHybridAppsandGames
![Page 2: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/2.jpg)
WHOAREYOU?
IkerJamardo(@judax)VPofEngineering@Ludei
Passionateaboutsoftware,techproductsandvideogames
![Page 3: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/3.jpg)
3YEARSAGO,WEHADAVISIONINTOTHEFUTURE...
![Page 4: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/4.jpg)
WEDIDNOTWANTTOCONTINUEDEVELOPINGUSINGDIFFERENT
TECHNOLOGIES
![Page 5: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/5.jpg)
WEBELIEVEDINTHEWEB...
![Page 6: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/6.jpg)
...ANDWELOVEDMAKINGANDPLAYINGGAMES
![Page 7: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/7.jpg)
HTML5(ANDWEBGL)FORGAMEDEVELOPMENTWASTHEVISION
![Page 8: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/8.jpg)
WEMADEHTML5WORKFORGAMEDEVELOPMENT
![Page 9: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/9.jpg)
ITWASEARLY(noteverybodysharedthevisionatthetime)
![Page 10: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/10.jpg)
TODAYWEHAVE20.000+GAMEDEVELOPERS1.800+GAMESPUBLISHED
![Page 11: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/11.jpg)
ANDMORETHAN100FLAPPYBIRDCLONES:(:)
http://blog.ludei.com/why-flappy-bird-should-have-been-an-html5-game/
![Page 12: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/12.jpg)
WHYHTML5Number#1reason:Cross-platform
![Page 13: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/13.jpg)
WHYHTML5Butcross-platformisnotjustdevicesorOS,butstores!
iOSAppStore
GooglePlay
Amazon
OUYA
Windows
MacOSXAppStore
Steam
ChromeStore
MozillaMarketplace
TizenStore
...
![Page 14: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/14.jpg)
WHYHTML5...andemergingbrowserbasedmarkets.
SpilGamesKik
ClickJogosClay.ioMarketJS
MundiJuegosKongregate
...
![Page 15: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/15.jpg)
WHYHTML5Allowsrapidprototyping
![Page 16: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/16.jpg)
WHYHTML5Allthebenefitsfromtheweb:
-Wellestablishedinfrastructure
-Widelyknownplatform
-Contentondemandinit'snature
![Page 17: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/17.jpg)
WHYHTML5
![Page 18: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/18.jpg)
WHYHTML5StillcanaccessallthenativefeaturesfromJS:
In-AppPaymentsNativeAdNetworksPushNotifications
SocialNetworkNativeSDKsAnalytics
CrashReports...
Developyourownextensions
![Page 19: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/19.jpg)
WHYHTML5Greattoolsareavailable
ImpactJSConstruct2
GooPlayCanvasPixiJSPandaJSKiwiJSHaxePhaser...
![Page 20: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/20.jpg)
WHYHTML5Bigcompaniesarebettingonandsupportingit
NVidiaQualcommGoogleAmazonApple
MicrosoftIntel
SamsungNickelodeonDisney...
![Page 21: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/21.jpg)
CHALLENGESFORHTML5DEVELOPERS
![Page 22: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/22.jpg)
CHALLENGE#1
PERFORMANCE
![Page 23: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/23.jpg)
LUDEI'SAPPROACH
FAST(ANDONLY)JAVASCRIPT
EXECUTIONENVIRONMENTTOCREATE
CANVAS2DANDWEBGLIOSANDANDROIDNATIVEAPPS
![Page 24: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/24.jpg)
CHALLENGE#2
DEVICE(ANDBROWSER)FRAGMENTATION
![Page 25: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/25.jpg)
LUDEI'SAPPROACH
ACONSISTENTSETOFHTML5FEATURESANDAPIS
ACROSSMANYDEVICESANDOSVERSIONS
![Page 26: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/26.jpg)
CHALLENGE#3
STORE/PLATFORMFRAGMENTATION
![Page 27: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/27.jpg)
LUDEI'SAPPROACH
ANATIVEHYBRIDAPPWRAPPERiOS,Android,WindowsPhone,Windows,MacOSX,Linux
![Page 28: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/28.jpg)
LUDEI'SAPPROACH
THECOCOONJSCLOUDCOMPILEROneclicktomultipleplatformdeployment
![Page 29: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/29.jpg)
CHALLENGE#4
WORKFLOW
Test->Debug->Deploy
![Page 30: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/30.jpg)
LUDEI'SAPPROACH
THECOCOONJSLAUNCHERAPPBrowser-likeexperienceonthedevice
RemotedebuggingofyourJavaScript
Nativeextensions/pluginstesting
Cordova/PhoneGapcompatible
![Page 31: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/31.jpg)
CHALLENGE#5
MAKEMONEY
![Page 32: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/32.jpg)
LUDEI'SAPPROACH
CROSS-PLATFORMVALUEADDEDSERVICESMonetization
(ads&IAPs)Engagement
(notificationsandsocialnetworks)AnalyticsMultiplayerA/Btesting
Onlineappupdate...
![Page 33: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/33.jpg)
CHALLENGE#6
DEVELOPERSNEEDMORECONTROL
![Page 34: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/34.jpg)
ADVANCEDFEATURESTOPROVIDEMORECONTROLTOHTML5GAMEDEVELOPERS
Image,canvasandsoundsynchronousmemorydeallocation
Extendedfeaturesforperformanceboost(screencanvas,devicemotionsetup,CSSmatrixserialisation,...)
Vibration,gamepadAPI,...
![Page 35: New OUTSIDE THE BROWSER SURVIVAL GUIDE - NVIDIA · 2014. 4. 10. · Web based apps and games are growing both in number and complexity. Running outside the browser on a mobile device](https://reader036.vdocuments.site/reader036/viewer/2022062607/6049e50c81e2d627f21feb64/html5/thumbnails/35.jpg)
SHOWMESOMEDEMOS!!!