[edui] the future of vr and the web
TRANSCRIPT
The Future of VR and the Web.edUi 2016
Zach Robbins @ztrobbinsSr. Digital Strategist
Copyright Viget Labs, LLC This document is CONFIDENTIAL and should not be shared without permission. 1
Is this it?
Trolleyology
Armchair Psychology
Trolleyology
01 Current State of Tech
What We’ll Cover
04 Ideas & Examples
02 Where the Web Comes In
05 Q&A
03 Browser Support
We Work with These Major Brands
plus hundreds more over our 16+ years
We are over 60 strong.
We’re known for our industry-leading talent across strategy, design, and engineering.
9
1. Current State of Tech
Cameras
Editing Software
3D Modeling
Oculus RiftHTC Vive
Microsoft HololensPlaystation VR
Samsung VR (Gear)Magic LeapCardboard
Vehicles for Distribution and Experiences
But these are just one-way conversations.
2. Where the Web Comes In
~100,000Oculus
~100,000Oculus
1 millionGear VR
~100,000Oculus
1.75BSmartphone
users
1 millionGear VR
~100,000Oculus
1.75BSmartphone
users
1 millionGear VR
?
~100,000Oculus
1.75BSmartphone users
1 millionGear VR
3.2BInternet
users
3. Browser Support
Vladimir VukićevićMozilla
Brandon JonesChrome
Boris SmusChrome
WebVR Team
webvr.info
JavaScript HTML5 CSS3
JavaScriptThree.jsReact
AngularEmberMeteorMomentChart.jsLeaflet
VueVideo.jsBabel6to5
FoundationBackbone
jQueryUnderscorePhantomjsMaterialize… and more
HTML5 CSS3
JavaScriptThree.jsReact
AngularEmberMeteorMomentChart.jsLeaflet
VueVideo.jsBabel6to5
FoundationBackbone
jQueryUnderscorePhantomjsMaterialize… and more
HTML5WebGLCanvas
ContactsSelection
Offline AppsIndexed
DatabaseWeb WorkersWeb StorageWeb SocketsServer-Sent
EventsXMLHttpRequest
2Geolocation
HTML MicrodataMedia CaptureWeb Messaging
FormsFile API
CSS3
JavaScriptThree.jsReact
AngularEmberMeteorMomentChart.jsLeaflet
VueVideo.jsBabel6to5
FoundationBackbone
jQueryUnderscorePhantomjsMaterialize… and more
HTML5WebGLCanvas
ContactsSelection
Offline AppsIndexed
DatabaseWeb WorkersWeb StorageWeb SocketsServer-Sent
EventsXMLHttpRequest
2Geolocation
HTML MicrodataMedia CaptureWeb Messaging
FormsFile API
CSS3Media QueriesGrid Template
LayoutBox Model
RubyTransformsAnimationsTransitions
ShapesDevice
AdaptationMasking
Filter EffectsCompositing
BlendingPresentation
Levels
4. Ideas & Examples
Content
LA Times Gale Crater WebVR
“Currently, multiple proprietary standards for building VR experiences are competing for dominance, many of them app-based. We felt that in many cases, making
users download and install an app produces an unnecessary barrier to entry. Building a
browser-based app allows anyone with a reasonably modern, WebGL-capable browser to take the tour or explore the crater - whether they're on a
desktop, tablet or mobile device. Meanwhile, if someone has a Google Cardboard or an Oculus, they
can enjoy a more immersive experience.”
- LA Times
Limiting factors:1.Browser chrome eating up real
estate2.One input for interaction
(touch)
The Art of Patron by Firstborn
Merrell Trailscape
Tools
Lexus NX Experience
Medicine
In the classroom
Go! Experiment!
Thanks. Questions? http://spkr8.com/t/69351Zach Robbins
Sr. Digital Strategist
Copyright Viget Labs, LLC This document is CONFIDENTIAL and should not be shared without permission.
Resources/Footnotes● WSJ article about Carnegie Mellon VR Trolleyology
http://www.wsj.com/articles/how-new-technology-is-illuminating-a-classic-ethical-dilemma-1465395082
● Discovery VR App https://itunes.apple.com/us/app/discovery-vr/id1030815031?mt=8
● NYT VR App https://itunes.apple.com/us/app/nyt-vr-virtual-reality-stories/id1028562337?mt=8
● “WIthin” VRSE App https://itunes.apple.com/us/app/within-vr-virtual-reality/id959327054?mt=8
● Jaunt VR Apphttps://itunes.apple.com/us/app/jaunt-vr-premiere-virtual/id1048352748?mt=8
● Google Cardboard App https://itunes.apple.com/us/app/google-cardboard/id987962261?mt=8
● inVR App https://itunes.apple.com/us/app/invr-for-google-cardboard/id983805476?mt=8
● WebVR Info https://webvr.info/ ● LA Times Gale Crater VR http://graphics.latimes.com/mars-gale-crater-vr/
and http://graphics.latimes.com/mars-gale-crater-how-we-did-it ● Art of Patron https://www.patrontequila.com/our-story/oculus.html and
https://vimeo.com/126539923 ● Merrell Hiking Experience
https://www.youtube.com/watch?v=efd6WhPmTyU ● Lexus 360 Product Experience
https://www.youtube.com/watch?v=4OKIdFnP9Us ● Medicine Article
http://www.cnn.com/2016/01/07/health/google-cardboard-baby-saved/