cordova-plugin-aframe

This plugin adds A-Frame support to your Cordova application!

!Hello WebVR

Installation

``bash
cordova plugin add cordova-plugin-aframe
cordova prepare
`

Usage

A sample A-Frame demo looks like this:

`html


position="0 1.25 -5"
radius="1.25"
color="#EF2D5E"
shadow
>
position="1 0.75 -3"
radius="0.5"
height="1.5"
color="#FFC65D"
shadow
>
position="0 0 -4"
rotation="-90 0 0"
width="4"
height="4"
color="#7BC8A4"
shadow
>

`

To get that working in Cordova, there are a few important steps.

1. Wrap your scene in a

`

$3

Discussion

Although A-Frame is a pure JS library, there are some additional steps needed to ensure compatibility with a Cordova app. Notably:

- Support for XHR requests to file://` endpoints
- CSS overrides

Because of these factors, I thought it better to provide a first-class Cordova plugin that took care of all the details.

Thanks

Special thanks to A-Frame author and maintainer Diego Marcos for helping to work through all the changes needed and allowing a few modifications into the A-Frame core