aframe-outline
v1.1.1
Published
Two-pass Outline effect component for A-Frame
Downloads
165
Maintainers
Readme
A-Frame Outline component
aframe-outline is two-pass Outline effect component for A-Frame.
Demo
Properties
aframe-outline
| Properties | type | Default Value | Description | | ----------- | ------ | ------------- | ----------- | | thickness | number | 0.003 | Outline thickness. | | color | color | '#000' | Outline color. | | alpha | number | 1.0 | Outline alpha. |
Browser
How to use
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
How to install
$ npm install aframe-outline
How to build
$ npm install
$ npm run all
How to load
require('aframe');
require('aframe-outline');