aframe-xr
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
- ARKit: Mozilla's ARKit based iOS app
- ARCore: Google's WebARonARCore Android app
VR
- Daydream: Chrome for Android
- Gear VR: Oculus Browser
- HTC Vive / Oculus Rift: Firefox
- Windows Mixed Reality: Microsoft Edge
Configuration
<!-- ... -->
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
:
npm
Install via npm:
npm install aframe-xr
Then require and use.
;;
Until A-Frame 0.8.0 is released, make sure to reference the master version of A-Frame in package.json
:
"dependencies":
Or reference the A-Frame included with aframe-xr
directly:
;;