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
http://smus.com/responsive-vr/
https://github.com/borismus/webvr-boilerplate
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://elevr.com
http://github.com/hawksley/eleVR-Web-Player
Get involved!
mail.mozilla.org/listinfo/web-vr-discuss
http://webvr.info/
Reddit.com/u/WebVR
Vizor.io
Thanks!
@fthr
@vizor_vr