Virtual & Augmented Reality

Talk for Front-end Orlando, Aug 2017. Talking on the current state of VR & AR, and where web technology stands currently.

Transcript

1. Virtual & Augmented
2. Augmented Reality (AR) HYPER-REALITY (2016)
3. Augmented Reality What you *could* do with AR What’s been done with AR • E-commerce: Preview furniture in your home before buying • E-commerce: “Try on” clothes/ shoes in the mirror • Sporting games: see player stats in real-time • Enhance in-person job training with HUD • Wayfinding: see restaurant info except you look dumb holding your phone up to your face and Yelp is way faster • See Hatsune Miku dance on your desk • Try to sell more iPads • This one virtual tape measure app • Pokémon Go
4. Apple ARKit Web ❌ Ready to use now ❌ Wide support ❌ No markers ✅
5. AR.js Web ✅ Ready to use now ✅ Wide support ❌ Android-only No markers ❌
6. Augmented Reality Maybe, but not yet (but start thinking of ideas)
7. Virtual Reality (VR) Future of Storytelling (2015)
8. Virtual Reality What you *could* do with VR What’s been done with VR • Video Games • Medical: see bisected 3D scans in all directions • Education: explore a walk- through solar system, or the entire galaxy • 3D Dataviz • More affordable job training (like pilots have done for decades) • Interactive movies • Video Games • 360° video
9. A-Frame React VR + aframe-react
10. “ ” ^ that have a Cardboard ^ the users already passionate about VR
11. Virtual Reality Yes! (But probably stick to mobile devices and practical experiences)
12. three.js A-Frame React VR <canvas> danger zone AR.js React Native
13. Performance to Your GPU
14. WebVR.info A-Frame Web React VR Native ✅ ✅ ⏰ ❌ ❌ ❓ React VR Web ✅ ✅ ⏰
15. Should I use WebVR? Probably only if you’re delivering: • a VR component to a normal mobile website, or • a VR experience to a room full of people at once (just send them the link, and they view it on their phones) … otherwise you might want to consider more traditional game dev routes (Unreal Engine, Unity, etc.)