Skip to content
This repository has been archived by the owner on Jul 23, 2024. It is now read-only.

mozilla/aframe-xr

Repository files navigation

aframe-xr

Version License

System & components to build WebXR experiences with A-frame

Running the examples

Visit this URL with all the examples or:

Install npm and then run the following:

$ npm install
$ npm start

Supported browsers

AR

VR

Configuration

<a-scene>
  <a-entity xr="ar: true; vr: false; magicWindow: false"></a-entity>
  <!-- ... -->
</a-scene>

Documentation

xr System

Property Default Description
arAutostart true Start AR if is the unique display available
arLightEstimate false Modify lights intensity with the light estimation

xr Component

Property Default Description
ar true If the entity is visible on AR mode
magicWindow true If the entity is visible on magic window mode
vr true If the entity is visible on VR mode

ar-mode-ui Component

Based on the vr-mode-ui component

Property Default Description
enabled true Whether or not to display UI related to entering AR.

Usage

Browser

Include A-Frame (for now, we are using master version - soon an official published version), followed by three.xr.js & aframe-xr:

<script src="aframe-master.js"></script>
<script src="three.xr.js"></script>
<script src='aframe-xr.js'></script>

npm

Install via npm:

npm install aframe-xr

Then require and use.

require('aframe');
require('aframe-xr');

Until A-Frame 0.8.0 is released, make sure to reference the master version of A-Frame in package.json:

 "dependencies": {
    "aframe": "github:aframevr/aframe#master"
  }

Or reference the A-Frame included with aframe-xr directly:

require('aframe-xr/vendor/aframe-master.js');
require('aframe-xr');

About

INACTIVE - http://mzl.la/ghe-archive - System / Components to build WebXR experiences with A-frame

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published