Slide 1
Slide 1 text
Getting Started with WebVR
Arpit Mathur
Slide 2
Slide 2 text
VR Hardware: 6 DoF vs 3 DoF
Slide 3
Slide 3 text
Design Challenges
● Keep framerate high
● Comfortable motion
DESIGN A UNIVERSE
Slide 4
Slide 4 text
Native vs. WebVR
Slide 5
Slide 5 text
Current Support
Slide 6
Slide 6 text
WebVR Apis
Slide 7
Slide 7 text
Building WebVR Experiences ...
JavaScript + HTML
WebGL
Slide 8
Slide 8 text
… Easily
WebGL
WebVR APIs
ThreeJS
AFrame
Slide 9
Slide 9 text
WebGL
Slide 10
Slide 10 text
ThreeJS
https://threejs.org/
Slide 11
Slide 11 text
AFrame
APIs
https://aframe.io
Slide 12
Slide 12 text
Key concepts
● Vertices
● Mesh (Geometry)
● Textures
● Shaders
● Materials
● Lights
● Models
Slide 13
Slide 13 text
No content
Slide 14
Slide 14 text
Hello World
Slide 15
Slide 15 text
No content
Slide 16
Slide 16 text
Select with Laser Controls
Slide 17
Slide 17 text
Code
Slide 18
Slide 18 text
Adding models
https://poly.google.com/view/cw4xlvbKzWF
● Obj
● GLTF 2
Slide 19
Slide 19 text
No content
Slide 20
Slide 20 text
Creating custom components
https://github.com/ngokevin/aframe-component-bo
ilerplate/blob/master/index.js
Slide 21
Slide 21 text
Other useful libraries
● Teleport controls
● Aframe Extras
○ Look-at
○ Superhands
● MR-social
Slide 22
Slide 22 text
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