WebVR

 

 

 

Immerse yourself into the virtual world

WebAR

Augmenting the virtual world with real world

Moving towards WebXR

Extending the reality - VR/AR/MR

A-frame

How to get the feel?

Frictions in VR/AR ecosystem

Advantages of WebXR using A-frame

Make your applications responsive

Browser APIs that enable WebGL rendering to headsets and access to VR sensors

 

https://w3c.github.io/webvr/

Too hard to create WebXR experiences...

As simple as this....

Abra ka dabra

Works with everything

Entity-Component based system

Composability > Hierarchy

Entity-component based  system

Registry -

Curated collection of A-frame components

Inspector

Visual tool for A-Frame
 
 

https://aframe.io

Use cases of WebVR in real world

Use cases of WebAR in real world

Justification!

A-Frame provides an actual DOM for React to reconcile, diff, and bind to.

 A-Frame is optimized from the ground up for WebVR with a 3D-oriented entity-component architecture.

aframe-react lets React focus on what it's good at: views, state management, and data binding.

API

< 200 lines of source code

API

Primitives

_ref

API

Event handler

 

Live Demos

Example 1

Example 2

Example 3

Mozilla Hubs

 

 

https://hubs.mozilla.com/

Please jot down

1. Mozilla Research - https://research.mozilla.org/mixed-reality/

2. Wiki - https://wiki.mozilla.org/India/WebVR/

3. Github - https://github.com/webvr-india/volunteer-contributions/

4. Etherpad - https://public.etherpad-mozilla.org/p/webvr-india

5. Join A-Frame slack: https://aframevr-slack.herokuapp.com

6. MozActivate activity:

https://activate.mozilla.community/developer-engagement/webvr-camp/

https://wiki.mozilla.org/India/MozActivate

We are social

Follow us on Twitter:

@aframevr

@mozillavr

@mozillareality

 

Join WebVR Slack:

https://webvr.slack.com

 

Join A-Frame Slack:

https://aframevr.slack.com

 

Stay in touch

@bhuvanakotees1

 

bhuvanameenakshi@gmail.com

 

https://in.linkedin.com/in/bhuvana-meenakshi-a67b58103

 

https://github.com/BhuvanaMeenakshiK

 

 

That's all folks!!

Let's party in VR style