Web Based Virtual Reality

2 downloads 0 Views 19MB Size Report
A-Frame + Wikipedia? Page 18. A-Frame + Wikipedia! Page 19. Works with Everything d3.js. Vue.js. React. Redux. jQuery. Angular. Page 20. goo.gl/Z1OVcF ...
Web Based Virtual Reality

Tanay Pant, Mozilla Foundation Engineering Communications Manager @ ResearchGate, Tech Speaker @ Mozilla, Author, Intel Software Innovator (IoT)

Icebreaker

Virtual Reality

Friction of VR Ecosystems

Gatekeepers

Installs

Closed

WebVR An open virtual reality platform with the advantages of the Web

Open

Connected

Instant

WebVR API

Firefox Nightly

Chromium (Experimental)

Samsung Internet

Mobile Polyfill

Metaverse

drawvr.com

Too hard to create WebVR experiences...

Much Boilerplate? RESPONSIVENESS

INSTALL VREFFECT

LISTEN TO WINDOW RESIZE

PRELOAD ASSETS

IMPORT WEBVR POLYFILL

INITIALIZE SCENE SET UP CAMERA

CREATE RENDER LOOP

SET UP LIGHTS

INSTANTIATE RENDERER DECLARE AND PASS CANVAS 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

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

Suggest Documents