3D layout component and helpers for A-Frame VR.
| Property | Description | Default Value |
|---|---|---|
| type | Type of layout. Can be one of box, circle, cube, dodecahedron, line, pyramid. | line |
| margin | Margin in meters. | 1 |
| radius | Radius in meters. | 1 |
Install and use by directly including the browser files:
<head><title>My A-Frame Scene</title><scriptsrc="https://aframe.io/releases/0.2.0/aframe.min.js"></script><scriptsrc="https://rawgit.com/ngokevin/aframe-layout-component/master/dist/aframe-layout-component.min.js"></script></head><body><a-scene><a-entitylayout="type: circle; margin: 10"><a-entitygeometry="primitive: box" material></a-entity><a-entitygeometry="primitive: box" material></a-entity><a-entitygeometry="primitive: box" material></a-entity><a-entitygeometry="primitive: box" material></a-entity><a-entitygeometry="primitive: box" material></a-entity><a-entitygeometry="primitive: box" material></a-entity><a-entitygeometry="primitive: box" material></a-entity><a-entitygeometry="primitive: box" material></a-entity></a-entity></a-scene></body>Install via NPM:
npm install aframe-layout-componentThen register and use.
require('aframe');require('aframe-layout-component');