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

antti j dertpolm tpolm fthr tpolm real virtuality
SMART_READER_LITE
LIVE PREVIEW

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

Antti Jdertpolm 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


slide-1
SLIDE 1

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

slide-2
SLIDE 2
slide-3
SLIDE 3
slide-4
SLIDE 4
slide-5
SLIDE 5
slide-6
SLIDE 6
slide-7
SLIDE 7
slide-8
SLIDE 8
slide-9
SLIDE 9
slide-10
SLIDE 10
slide-11
SLIDE 11

Virtual ual Reality ty

slide-12
SLIDE 12

Oculus lus Rift ft

slide-13
SLIDE 13

Valve/HT /HTC C Vive

slide-14
SLIDE 14

Sony Project ect Morphe heus us

slide-15
SLIDE 15

Apple iFace smart t monocle

  • cle
slide-16
SLIDE 16

Vrvana na Totem

slide-17
SLIDE 17

Mindle leap p Mindmaze aze

slide-18
SLIDE 18

OSVR VR

slide-19
SLIDE 19

Samsung ng GearVR

slide-20
SLIDE 20

Google gle Cardboa dboard

slide-21
SLIDE 21

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

slide-22
SLIDE 22

Carl l Zeiss s VR VR One

slide-23
SLIDE 23

Moggle les

slide-24
SLIDE 24

Contr trolle

  • llers
slide-25
SLIDE 25

Contr trolle

  • llers
slide-26
SLIDE 26

VR on the Web

slide-27
SLIDE 27
slide-28
SLIDE 28

VR VRML

slide-29
SLIDE 29

WebGL

slide-30
SLIDE 30

WebVR R API

slide-31
SLIDE 31
slide-32
SLIDE 32

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
slide-33
SLIDE 33

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

slide-34
SLIDE 34

Types of conten ent t great for WebVR

  • Adverti

tisi sing ng campaigns igns

  • Shopping
  • Architecture, Interior design
  • Virtual tours
  • Journalism
  • Photos & video
  • Memes
slide-35
SLIDE 35

Types of conten ent t great for WebVR

  • Advertising campaigns
  • Shoppi

ping ng

  • Architecture, Interior design
  • Virtual tours
  • Journalism
  • Photos & video
  • Memes
slide-36
SLIDE 36

Types of conten ent t great for WebVR

  • Advertising campaigns
  • Shopping
  • Archi

hitecture ecture, , Interio ior design gn

  • Virtual tours
  • Journalism
  • Photos & video
  • Memes
slide-37
SLIDE 37

Types of conten ent t great for WebVR

  • Advertising campaigns
  • Shopping
  • Architecture, Interior design
  • Virtual

ual tours

  • Journalism
  • Photos & video
  • Memes
slide-38
SLIDE 38

Types of conten ent t great for WebVR

  • Advertising campaigns
  • Shopping
  • Architecture, Interior design
  • Virtual tours
  • Journa

urnalis lism

  • Photos & video
  • Memes
slide-39
SLIDE 39

Types of conten ent t great for WebVR

  • Advertising campaigns
  • Shopping
  • Architecture, Interior design
  • Virtual tours
  • Journalism
  • Photos
  • s & video
  • Memes
slide-40
SLIDE 40

Types of conten ent t great for WebVR

  • Advertising campaigns
  • Shopping
  • Architecture, Interior design
  • Virtual tours
  • Journalism
  • Photos & video
  • Memes
slide-41
SLIDE 41

VR Demos

slide-42
SLIDE 42
slide-43
SLIDE 43
slide-44
SLIDE 44
slide-45
SLIDE 45
slide-46
SLIDE 46

Making g WebVR R content nt

slide-47
SLIDE 47

Respon

  • nsi

sive ve VR

https://github.com/borismus/webvr-boilerplate http://smus.com/responsive-vr/

slide-48
SLIDE 48

Respon

  • nsi

sive ve VR

http://inspirit.unboring.net/

slide-49
SLIDE 49

Three.js .js

http://threejs.org

slide-50
SLIDE 50

Threejs s VR boile lerplat plate

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

slide-51
SLIDE 51

Three.js .js editor

  • r

http://threejs.org/editor

slide-52
SLIDE 52

Rift ftSke Sketch tch

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

slide-53
SLIDE 53

GLAM

http://glamjs.org

slide-54
SLIDE 54

SceneVR

http://www.scenevr.com/

slide-55
SLIDE 55

Unity 5 Unreal al Engine ine 4

http://unity3d.com/5 http://unrealengine.com

slide-56
SLIDE 56

EleVR R Web Player

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

slide-57
SLIDE 57
slide-58
SLIDE 58
slide-59
SLIDE 59
slide-60
SLIDE 60
slide-61
SLIDE 61

Get involve

  • lved!

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

slide-62
SLIDE 62

Thanks! @fthr thr @vizor_vr

  • r_vr