AFrame boilerplate

This boilerplate uses CDN scripts, and can be used as-is. It aims to demonstrate:

1. Initiate scene making all helpers visible (physics colliders, shadow camera...). Load a gltf object from file, load spherical image to use as sky, place a plane and a cube primitives.

2. link controllers using super-hands

   

3. Teleport using aframe-teleport-controls

   

4. Demonstrate custom component which turns object transparent when grabbed. Also note that the shadow camera target is linked to the box. Moving the box moves the angle of the light.

   

5. Demonstrate shadow camera

   

6. Demonstrate physics

   

Installation

1. Pull the repo down, and serve src folder from a webserver.

2. Please note that the aframe-physics-system is broken. It has stale dependencies and is not compatible with the latest AFrame and Three.js.

   This boilerplate uses githack to pull out the latest build (not in CDNs), and it also pulls in deprecated Geometry.js which the physics module requires.

Demo

You can find the complied demo on our hackathon page.