WebVR Talk-Nodevember 2016

You could be working on VR in the browser today! An intro to WebVr, some of the design challenges it presents and how you can put your web development skills to work working on them.

Transcript

1. Responding to a... @RebeccaPoulson Developer @KnightLab
2. About Me • @RebeccaPoulson • Experimental theater → tech • <3 mentoring and learning • Developer @ Knight Lab
3. About the Lab • Professional software team embedded in a journalism school • Timeline JS, Storymap JS • Mentor journalism and engineering students • Pushing the envelope of interfaces in media
4. Goals • Introduce WebVR • Present some of the interesting design problems and opportunities • Show you a tool for web developers interested in developing VR content • Get you excited about potentially contributing to the development of these new technologies.
5. An intro to WebVR and some of its “challenges”
6. As a person, alive in 2016, who kinda likes computers...you have heard a lot this year about Virtual Reality.
7. As a person, alive in 2016, who kinda likes computers...you have heard a lot this year about Virtual Reality.
8. When curious outsiders decide to "see how things shake out", the future gets decided by those who had the privilege to get there first.
9. All you need to start developing for VR is a smartphone at least as good as an iPhone 5 and HTML, Javascript and CSS
11. Well some of your browsers... https://iswebvrready.org/
12. But there’s a polyfill!
13. What does VR mode mean? • Split screens • Mesh based barrel distortion • Chromatic aberration correction • controls
14. But putting on a VR headset is kind of a pain...
15. How do you evoke the sensation head tracking provides, without sticking a computer on your face?
16. Encourage your user to discover information using strategies other than left → right and up → down https://medium.com/the-language-of-vr/in-the-blink-of-a-mind-attention-1fdff60fa045#.pdmehsi9b By Jessica Brillhart
19. Hypothesis
20. • Built on top of Three.js • Entity-Component-System • A-Frame Inspector
21. Ctrl + alt + i
22. • You can do a lot of heavy lifting w/html • Tons of examples • Active Slack (I’m @rebecca) And the docs aren’t even terrible!
23. Even if you’re brand new, WebVR can be for you!