There has been a surge in the development of virtual reality applications with the production of easily accessible and sophisticated VR devices such as Oculus Rift, HTC Vive and Samsung Gear. Frameworks like A-Frame developed by the MozVR team combined with cheap alternatives such as Google Cardboard allows the developers to leverage the power of the web. The attendees of this talk would learn about the WebVR API, using A-Frame to build virtual worlds, creating virtual worlds for modern content display (such as reddit posts, news feeds, Instagram photos) as well as game development.

1. Web Based Virtual Reality

2. Tanay Pant, Mozilla Foundation
Tech Speaker from Mozilla, Author, Intel Software
Innovator (IoT), Web Developer

3. Icebreaker

4. Virtual Reality

7. Friction of VR Ecosystems
Gatekeepers Installs Closed

8. WebVR
Open Connected Instant
An open virtual reality platform with the advantages of the Web

9. WebVR API
Firefox Nightly Chromium
(Experimental)
Samsung
Internet
Mobile Polyfill

10. Metaverse

11. drawvr.com

12. Too hard to create WebVR experiences...

13. Much Boilerplate?
IMPORT WEBVR POLYFILL
SET UP CAMERA
INITIALIZE SCENE
SET UP LIGHTS
DECLARE AND PASS CANVAS
LISTEN TO WINDOW RESIZE
INSTALL VREFFECT
CREATE RENDER LOOP
INSTANTIATE RENDERER
PRELOAD ASSETS
RESPONSIVENESS
DEAL WITH METATAGS AND MOBILE

14. A-Frame
A declarative framework for building virtual reality experiences
on the Web

15. Hello World

16. Hello World

17. A-Frame + Wikipedia?

18. A-Frame + Wikipedia!

19. Works with Everything
d3.js Vue.js React Redux jQuery Angular

20. goo.gl/Z1OVcF

21. Entity-Component System

22. Composing an Entity

23. Composing an Entity

24. Composing an Entity

25. Composing an Entity

26. Composing an Entity

27. Composing an Entity

28. Writing a Component

31. Registry
Curated collection of A-Frame components/shaders.

32. A-Frame Inspector

33. AR with A-Frame

34. A-Painter

35. aframe.io
75 contributors
3500 Stargazers
1750 members
on Slack
100s of featured
projects