Getting Started with WebVR

Transcript

1. Getting Started with WebVR Arpit Mathur

2. VR Hardware: 6 DoF vs 3 DoF

3. Design Challenges • Keep framerate high • Comfortable motion DESIGN

   A UNIVERSE

4. Native vs. WebVR

5. Current Support

6. WebVR Apis

7. Building WebVR Experiences ... JavaScript + HTML WebGL

8. … Easily WebGL WebVR APIs ThreeJS AFrame

9. WebGL

10. ThreeJS https://threejs.org/

11. AFrame APIs https://aframe.io

12. Key concepts • Vertices • Mesh (Geometry) • Textures •

    Shaders • Materials • Lights • Models
13. None

14. Hello World

15. None

16. Select with Laser Controls

17. Code

18. Adding models https://poly.google.com/view/cw4xlvbKzWF • Obj • GLTF 2

19. None

20. Creating custom components https://github.com/ngokevin/aframe-component-bo ilerplate/blob/master/index.js

21. Other useful libraries • Teleport controls • Aframe Extras ◦

    Look-at ◦ Superhands • MR-social

22. Links • AFrame.io • Glitch.com ◦ https://glitch.com/aframe • poly.google.com •

    vr.google.com • https://speakerdeck.com/arpit/bringing-cable-tv-to-virtual-reality