Add the following line to your html file, just after loading A-Frame:
<script src="https://rawgit.com/urish/aframe-fireball-component/master/index.js"></script>
You can also get this component through npm:
npm install --save aframe-fireball-component
Basic usage:
<a-sphere position="0 1 -5" fireball></a-sphere>
Advanced usage - specifying properties:
<a-sphere position="2.5 1 -5" radius="1.25" fireball="color: red; brightness: 2; scale: 2.5; speed: 0.2"></a-sphere>
See index.html for a complete example.
| Parameter | Default | Description |
|---|---|---|
| brightness | 1.5 | Brightness level of the fireball |
| color | '#ffaa55' | Fireball color |
| opacity | 1.0 | Fireball opacity |
| scale | 1.0 | Scaling of the generated texture. Higher values will result in more details |
| speed | 0.1 | Animation speed of the generated texture. Higher values will result in faster animation |
Copyright (C) 2017, Uri Shaked. Distributed under the MIT license. Based on http://shaderfrog.com/view/76 and http://alteredqualia.com/three/examples/webgl_shader_fireball.html
Original copyright notice: Copyright (C) 2011 Ashima Arts. All rights reserved. Distributed under the MIT License.