A 9-Slice component for A-Frame.
| Property | Description | Default Value |
|---|---|---|
| width | 1 | |
| height | 1 | |
| left | 0 | |
| right | 0 | |
| bottom | 0 | |
| top | 0 | |
| side | front | |
| padding | 0.1 | |
| color | #fff | |
| opacity | 1.0 | |
| transparent | true | |
| alphaTest | 0.0 | |
| debug | false | |
| map | '' |
Install and use by directly including the browser files:
<head>
<title>My A-Frame Scene</title>
<script src="https://aframe.io/releases/0.4.0/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-slice9-component/dist/aframe-slice9-component.min.js"></script>
</head>
<body>
<a-scene>
<a-entity slice9="foo: bar"></a-entity>
</a-scene>
</body>Install via npm:
npm install aframe-slice9-componentThen require and use.
require('aframe');
require('aframe-slice9-component');