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-FrameA 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

RegistryCurated 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