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

@ztrobbinszach.robbins@viget.com

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/