antti jädertpolm [fthr/tpolm] real virtuality adventures ... · virtual reality . oculus rift ....

Antti Jädertpolm [Fthr/TPOLM] Real Virtuality – Adventures in WebVR

Virtual Reality

Oculus Rift

Valve/HTC Vive

Sony Project Morpheus

Apple iFace smart monocle

Vrvana Totem

Mindleap Mindmaze

OSVR

Samsung GearVR

Google Cardboard

Google/Mattel View-master

Carl Zeiss VR One

Moggles

Controllers

Controllers

VR on the Web

VRML

WebGL

WebVR API

WebVR API: • Hardware agnostic • Intent to support most HMD’s • Intent to support a wide range of controllers

Does: • Gives you info on the HMD • Gives you the sensors • Distorts the Side-by-side image for you • VR CSS for displaying DOM content

WebVR API – Current status Chromium build from december 2014 Direct to rift mode Timewarping PC, Mac, Linux, Android Oculus + Cardboard support Firefox nightly build from january 2014 Integrated into the main nightly build Needs an add-on Working on VR CSS PC, Mac Oculus support

Types of content great for WebVR • Advertising campaigns • Shopping • Architecture, Interior design • Virtual tours • Journalism • Photos & video • Memes

Types of content great for WebVR • Advertising campaigns • Shopping • Architecture, Interior design • Virtual tours • Journalism • Photos & video • Memes

Types of content great for WebVR • Advertising campaigns • Shopping • Architecture, Interior design • Virtual tours • Journalism • Photos & video • Memes

Types of content great for WebVR • Advertising campaigns • Shopping • Architecture, Interior design • Virtual tours • Journalism • Photos & video • Memes

Types of content great for WebVR • Advertising campaigns • Shopping • Architecture, Interior design • Virtual tours • Journalism • Photos & video • Memes

Types of content great for WebVR • Advertising campaigns • Shopping • Architecture, Interior design • Virtual tours • Journalism • Photos & video • Memes

Types of content great for WebVR • Advertising campaigns • Shopping • Architecture, Interior design • Virtual tours • Journalism • Photos & video • Memes

VR Demos

Making WebVR content

Responsive VR

https://github.com/borismus/webvr-boilerplate

http://smus.com/responsive-vr/

Responsive VR

http://inspirit.unboring.net/

Three.js http://threejs.org

Threejs VR boilerplate

https://github.com/MozVR/vr-web-examples/tree/master/threejs-vr-boilerplate

Three.js editor http://threejs.org/editor

RiftSketch http://brian.peiris.io/RiftSketch/

GLAM http://glamjs.org

SceneVR http://www.scenevr.com/

Unity 5 Unreal Engine 4 http://unity3d.com/5 http://unrealengine.com

EleVR Web Player

http://github.com/hawksley/eleVR-Web-Player

http://elevr.com

Get involved! mail.mozilla.org/listinfo/web-vr-discuss http://webvr.info/ Reddit.com/u/WebVR Vizor.io

Thanks! @fthr @vizor_vr