Read my article describing the internals.
Notice: this demo contains graphics, SVGs and markups taken from the A-Frame homepage.
All copyrights regarding these materials belong to Mozilla and/or other companies and groups (MozVR team etc.).
npm start build:prod
Running with Hot-Reloading
npm run start:hmr
then open localhost:3000 in your browser.
The application state management is done via @ngrx.
The currently available VR modules are located in app.loader.ts. Every module implements the IVrModule interface and must contain a single markup structure and several (optional) scripts. All of them will be injected as separate HTML script tags below the markup. The helper function for dynamic creation of components is located in ComponentFactory.
Q: I'm getting
Uncaught TypeError: Cannot assign to read only property 'detachedCallback' of object '#'!