# aframe-fireball-component

> ![Firebase Shader in Action](screenshot.png)

Latest version **1.2.2** (published 2017-11-13) · MIT license · 0 weekly downloads

## Install

```sh
npm install aframe-fireball-component
pnpm add aframe-fireball-component
yarn add aframe-fireball-component
bun add aframe-fireball-component
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.2 |
| Published | 2017-11-13 |
| First published | 2017-10-25 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 8 |
| Author | Uri Shaked |
| Maintainers | urish |
| Keywords | 3d, aframe, aframe-component, aframe-vr, fireball, shader, vr, webvr |

## Links

- npm: https://www.npmjs.com/package/aframe-fireball-component
- Repository: https://github.com/urish/aframe-fireball-component
- Homepage: https://github.com/urish/aframe-fireball-component#readme
- Issues: https://github.com/urish/aframe-fireball-component/issues
- npm.io page: https://npm.io/package/aframe-fireball-component

## Recent versions

- 1.2.2 (latest) — 2017-11-13
- 1.2.1 — 2017-11-13
- 1.2.0 — 2017-11-13
- 1.1.0 — 2017-10-26
- 1.0.1 — 2017-10-25
- 1.0.0 — 2017-10-25

## README

# A-Frame Fireball Component

![Firebase Shader in Action](screenshot.png)

[Online Demo](https://urish.github.io/aframe-fireball-component/)

## Installation

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

## Usage

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](index.html) for a complete example.

## Parameters

| 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 |

## License

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.

---
_Source: https://npm.io/package/aframe-fireball-component · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._