A-Frame Glow Component
Glow component for A-Frame to add on your entities.
Demo
Live demo
Getting Started
<a-entity glow></entity>
To turn it off:
<a-entity glow="enabled:false"></entity>
Properties:
C (default: 1, min: 0, max: 1)
<a-entity glow="c:0.3;"></entity>
P (default: 1.4, min: 0, max: 6)
<a-entity glow="p:1.1;"></entity>
Color (default: #FFFF00)
<a-entity glow="color: #FF00FF;"></entity>
Scale (default: 2)
Adjust the scale of the glow.
<a-entity glow="scale: 1.3; color: #FF00FF;"></entity>
Side (default: front, values: front/back)
Change the type of glow.
<a-entity glow="side: back; scale: 1.3; color: #FF00FF; c: 0.3; p: 3;"></entity>
Want to make some changes to it?
Installation
First make sure you have Node installed.
On Mac OS X, it's recommended to use Homebrew to install Node + npm:
brew install node
To install the Node dependencies:
npm install
Local Development
To serve the site from a simple Node development server:
npm start
Then launch the site from your favourite browser:
If you wish to serve the site from a different port:
PORT=8000 npm start
Change log
- 1.0.1 - Fix glow position when placed inside another entity.
Acknowledgement
Based on the work of @stemkoski for ThreeJS: http://stemkoski.github.io/Three.js/Shader-Glow.html
License
Distributed under an MIT License.