1. 1. JavaScript for Virtual Reality The Matrix for Todays Developer
2. 2. misslivirose Microsoft Virtual Reality Evangelist Aspiring Jedi Knight
3. 3. Virtual Reality Today @misslivirose
4. 4. Virtual Reality Hardware Desktop Example: Oculus Rift Mobile Example: Samsung Gear VR
5. 5. VR App Ecosystem @misslivirose
6. 6. JavaScript Virtual Reality @misslivirose
7. 7. WebVR An experimental API for browser-based VR implemented in specific Chromium builds & Firefox Nightly @misslivirose
8. 8. Whats in a VR Web App? Scene: Environment rendered through WebGL VRControls: Listen for hardware position changes and use them to manipulate the camera within the scene VREffect / VR-Polyfill: Render your scene with two side by side cameras (stereoscopic rendering) VRManager: Query for devices and apply hardware transforms @misslivirose github.com/borismus/webvr-boilerplate
9. 9. @misslivirose
10. 10. @misslivirose
11. 11. @misslivirose
12. 12. @misslivirose
13. 13. @misslivirose
14. 14. Lets see it in action.
15. 15. VRManager.js
16. 16. VREffect.js
17. 17. Other Examples @misslivirose
18. 18. http://brianpeiris.github.io/RiftSketch RiftSketch
19. 19. Stock City http://new.fidelitylabs.com/city/
20. 20. Vizor Create http://create.vizor.io
21. 21. Looking Ahead Complete enough to talk about, broken enough that demos fail
22. 22. Vizual VR Experiencing Excel data as an interactive 3D environment using Three.js
23. 23. Kitten Collector VR Hacking Unitys generated WebGL code to support the WebVR API
24. 24. Why build for VR? @misslivirose
25. 25. Its. Freaking. Awesome.
26. 26. Your Turn! http://bit.ly/jsconfvr @misslivirose