Upload
others
View
0
Download
0
Embed Size (px)
Citation preview
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