JavaScript
Latest commit bad71f7 Feb 25, 2017 @donmccurdy 3.3.0

README.md

A-Frame Extras

Build Status GitHub license

Add-ons and helpers for A-Frame VR.

Usage (Scripts)

In the dist/ folder, download any package(s) you need. Include the scripts on your page, and all components are automatically registered for you:

<script src="//cdn.rawgit.com/donmccurdy/aframe-extras/v3.3.0/dist/aframe-extras.min.js"></script>

CDN builds for aframe-extras/v3.3.0:

For partial builds, use a subpackage like aframe-extras.controls.min.js. Full list of packages below.

A-Frame Version Compatibility

A-Frame Extras
v0.4.X aframe-extras/v3.3.0
v0.3.X */v2.6.1
v0.2.X */v1.17.0

Usage (NPM)

npm install --save aframe-extras
// custom-extras.js

var extras = require('aframe-extras');

// Register a single component.
AFRAME.registerComponent('checkpoint', extras.misc.checkpoint);

// Register a particular package, and its dependencies.
extras.controls.registerAll();

// Register everything.
extras.registerAll();

Once installed, you'll need to compile your JavaScript using something like Browserify or Webpack. Example:

npm install -g browserify
browserify custom-extras.js -o bundle.js

bundle.js may then be included in your page. See here for a better introduction to Browserify.

Add-ons

src
├── controls/ (Documentation)
│   ├── checkpoint-controls.js
│   ├── gamepad-controls.js
│   ├── hmd-controls.js
│   ├── keyboard-controls.js
│   ├── mouse-controls.js
│   ├── touch-controls.js
│   └── universal-controls.js
├── loaders/ (Documentation)
│   ├── animation-mixer.js      New
│   ├── fbx-model.js            Experimental
│   ├── json-model.js           New
│   ├── object-model.js         New
│   └── ply-model.js
├── misc/ (Documentation)
│   ├── checkpoint.js
│   ├── grab.js                 New
│   ├── jump-ability.js
│   ├── kinematic-body.js       Experimental
│   ├── sphere-collider.js      New
│   └── toggle-velocity.js
├── physics/ (Moved to aframe-physics-system)
├── primitives/ (Documentation)
│   ├── a-grid.js
│   ├── a-ocean.js
│   └── a-tube.js
└── shadows/ (Documentation)    Experimental
    ├── shadow-light.js
    └── shadow.js