Pragmatic WebVR
Sandy Ressler (NIST)
SIGGRAPH 2017 BOF
with Emily Hobby & Paul Armstrong
(2017 summer SURF students)
http://slides.com/sressler/pragmatic-webvr/
Agenda
- VR on the Web
- Types of Viz
- Technique Issues
The Web
The Web
- Distribution
- Authoring
Distribution
- Web browser & URL
- boom we're done!
- (not quite yet but soonish)
mad productivity of A-Frame
Why is A-Frame good?
- Works with Web infrastructure
- Not overly prescriptive
- Highly interoperable
- Highly/easily extensible (components)
- remember VRML protos?
Authoring
- Existing non-graphics tools can be used for graphics!
- It's all HTML and the DOM down there
- aframe Inspector; CodePen; browser debugger's
Types of Visualizations
- Traditional Computer Graphics
- 360 degree images or videos
- Hybrid (CG in a video world)
Traditional Computer Graphics
Interactive Scanning Tunneling Microscope and Facility
360 degree images and video
Visiting the NIST Library - Virtually
Hybrid CG and 360 images
Now that's ridiculous!
Technique Issues
- Immersive in app
- Immersive in Web
- Desktop (non-immersive) but usable
- alternates to controller devices
- UI issues - selection and navigation
- teleporting, sphere worlds, WASD
- Boris Smus’s new Ray.js
- "On the Declarative Immersive Web" Josh Carpenter@Google
- https://docs.google.com/presentation/d/1ORdKs1wNe7QysRYSBtmW8LnMTFRu69gEwyOSrjIaZyA/edit?usp=sharing
Menu attached to controller (hand) aka tiltbrush
Getting Around and Pointing at Stuff
- navigation
- selection
Navigation
- teleporting
- spheres to worlds
- portals
Selection
- grab with virtual hand
- raycast beam
- shoot something
Don't Get Caught up in the Hype
unicorns/rainbows
Developing with helmet on
peeking out from under helmet
using the keyboard
using the mouse
Annoying Stuff
Using real hardware makes a difference
It looks simple and easy to use, but...
Where's the damn keyboard?
Interoperability
- Physical hardware
- Vive
- Rift
- Gear
- Development Framework
- aframe
- Unity
- For WebVR
- Browser support
EleVR - elevr.com
Good Resources
http://slides.com/sressler/pragmatic-webvr/
Thanks for your attention
Questions?
applause (now :-)
Pragmatic WebVR
By Sandy Ressler
Pragmatic WebVR
SIGGRAPH 2017 BOF presentation
- 2,976