Antti Jdertpolm tpolm [Fthr/TPOLM] Real Virtuality Adventures in - PowerPoint PPT Presentation

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

Virtual ual Reality ty

Oculus lus Rift ft

Valve/HT /HTC C Vive

Sony Project ect Morphe heus us

Apple iFace smart t monocle ocle

Vrvana na Totem

Mindle leap p Mindmaze aze

OSVR VR

Samsung ng GearVR

Google gle Cardboa dboard

Google gle/Ma /Matte tel l View-master ter

Carl l Zeiss s VR VR One

Moggle les

Contr trolle ollers

Contr trolle ollers

VR on the Web

VR VRML

WebGL

WebVR R API

WebVR R 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 VR AP API – Curr rrent nt status Chromi mium um build d from decemb mber r 2014 Direct to rift mode Timewarping PC, Mac, Linux, Android Oculus + Cardboard support Firefox nightly ly build ld from january ry 2014 Integrated into the main nightly build Needs an add-on Working on VR CSS PC, Mac Oculus support

Types of conten ent t great for WebVR • Adverti tisi sing ng campaigns igns • Shopping • Architecture, Interior design • Virtual tours • Journalism • Photos & video • Memes

Types of conten ent t great for WebVR • Advertising campaigns • Shoppi ping ng • Architecture, Interior design • Virtual tours • Journalism • Photos & video • Memes

Types of conten ent t great for WebVR • Advertising campaigns • Shopping • Archi hitecture ecture, , Interio ior design gn • Virtual tours • Journalism • Photos & video • Memes

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

Types of conten ent t great for WebVR • Advertising campaigns • Shopping • Architecture, Interior design • Virtual tours • Journa urnalis lism • Photos & video • Memes

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

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

VR Demos

Making g WebVR R content nt

Respon onsi sive ve VR http://smus.com/responsive-vr/ https://github.com/borismus/webvr-boilerplate

Respon onsi sive ve VR http://inspirit.unboring.net/

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

Threejs s VR boile lerplat plate https://github.com/MozVR/vr-web-examples/tree/master/threejs-vr-boilerplate

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

Rift ftSke Sketch tch http://brian.peiris.io/RiftSketch/

GLAM http://glamjs.org

SceneVR http://www.scenevr.com/

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

EleVR R Web Player http://elevr.com http://github.com/hawksley/eleVR-Web-Player

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

Thanks! @fthr thr @vizor_vr or_vr