Getting Started with WebVR

Deck for the talk at Philly Google Developers conference

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
14. Hello World
16. Select with Laser Controls
17. Code
18. Adding models https://poly.google.com/view/cw4xlvbKzWF • Obj • GLTF 2
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