Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vschwaberow/amiga-fireworks

A vibrant fireworks simulation built with D3.js, inspired by the retro aesthetics of the Amiga era. This interactive display showcases colorful, dynamic firework explosions, offering both auto-launch and manual interaction via mouse clicks.
https://github.com/vschwaberow/amiga-fireworks

Last synced: 16 days ago
JSON representation

A vibrant fireworks simulation built with D3.js, inspired by the retro aesthetics of the Amiga era. This interactive display showcases colorful, dynamic firework explosions, offering both auto-launch and manual interaction via mouse clicks.

Awesome Lists containing this project

README

        

# Amiga Fireworks

A vibrant fireworks simulation built with D3.js, inspired by the retro aesthetics of the Amiga era. This interactive display showcases colorful, dynamic firework explosions, offering both auto-launch and manual interaction via mouse clicks.

## Features
- **Randomized Firework Launches**: Rockets are launched at random intervals, creating colorful explosions.
- **Interactive Mode**: Click anywhere on the screen to launch rockets manually.
- **Amiga-Inspired Colors**: Classic color palette inspired by the Amiga computer era.
- **Dynamic Explosions**: Varied explosion patterns with realistic gravity and fading effects.

## Demo
You can try the simulation by opening the `index.html` file in your browser.

## Installation
1. Clone the repository:
```bash
git clone https://github.com/yourusername/amiga-fireworks.git
```
2. Navigate to the project folder:
```bash
cd amiga-fireworks
```
3. Open `index.html` in any modern web browser.

## Usage
### Controls
- **Auto Launch**: Fireworks launch automatically at regular intervals.
- **Manual Launch**: Click anywhere on the screen to trigger a firework explosion at that location.

### Customization
You can tweak the firework behavior and visuals by editing the JavaScript variables in the `` section of `index.html`:
- **`amigaColors`**: Modify the color palette.
- **Explosion Patterns**: Experiment with different patterns in `createEnhancedExplosion()`.

## Technology Stack
- **HTML5**
- **CSS3**
- **JavaScript** (with [D3.js](https://d3js.org/))

## Blog Feature
This project was created for my blog and featured in my article: [Happy New Year](https://www.schwaberow.de/blog/happy-new-year).

## Contributing
Feel free to fork the repository, make improvements, and submit pull requests. All contributions are welcome!

## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.

---

Enjoy creating your own retro fireworks show!