Web Based Virtual Reality
Tanay Pant, Mozilla Foundation
Tech Speaker from Mozilla, Author, Intel Software
Innovator (IoT), Web Developer
Icebreaker
Virtual Reality
Friction of VR Ecosystems
Gatekeepers Installs Closed
WebVR
Open Connected Instant
An open virtual reality platform with the advantages of the Web
WebVR API
Firefox Nightly Chromium
(Experimental)
Samsung
Internet
Mobile Polyfill
Metaverse
drawvr.com
Too hard to create WebVR experiences...
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
A-Frame
A declarative framework for building virtual reality experiences
on the Web
Hello World
Hello World
A-Frame + Wikipedia?
A-Frame + Wikipedia!
Works with Everything
d3.js Vue.js React Redux jQuery Angular
goo.gl/Z1OVcF
Entity-Component System
Composing an Entity
Composing an Entity
Composing an Entity
Composing an Entity
Composing an Entity
Composing an Entity
Writing a Component
Registry
Curated collection of A-Frame components/shaders.
A-Frame Inspector
AR with A-Frame
A-Painter
aframe.io
75 contributors
3500 Stargazers
1750 members
on Slack
100s of featured
projects

Web Based Virtual Reality - Tanay Pant - Codemotion Rome 2017