aframe-outline is two-pass Outline effect component for A-Frame.
| Properties | type | Default Value | Description |
|---|---|---|---|
| thickness | number | 0.003 | Outline thickness. |
| color | color | '#000' | Outline color. |
| alpha | number | 1.0 | Outline alpha. |
To apply outline effect in a scene, add outline attribute in <a-scene> like <a-scene outline>.
<head>
<script src="https://aframe.io/releases/0.7.1/aframe.min.js"></script>
<script src="https://rawgit.com/takahirox/aframe-outline/master/build/aframe-outline.min.js"></script>
</head>
<body>
<a-scene outline>
<a-entity position="0 10 20">
<a-camera></a-camera>
</a-entity>
<a-entity geometry="primitive:sphere"></a-entity>
<a-entity light="type:directional;color:#888" position="-10 -10 -10"></a-entity>
</a-scene>
</body>$ npm install aframe-outline
$ npm install
$ npm run all
require('aframe');
require('aframe-outline');