Skip to content

Commit 89adb0f

Browse files
authored
Create ReadmeAuroraBorealis.md
1 parent 23de7bc commit 89adb0f

File tree

1 file changed

+64
-0
lines changed

1 file changed

+64
-0
lines changed

ReadmeAuroraBorealis.md

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
# Aurora Borealis
2+
3+
A mesmerizing animated Northern Lights simulation with flowing, colorful gradient waves.
4+
5+
![Aurora Borealis](https://img.shields.io/badge/Aurora-Borealis-00ff88?style=for-the-badge&logo=github)
6+
![License](https://img.shields.io/badge/License-MIT-blue?style=for-the-badge)
7+
![HTML5](https://img.shields.io/badge/HTML5-CSS3-orange?style=for-the-badge)
8+
9+
## 🌌 Live Demo
10+
11+
**[View Live Demo](https://auroraborealisj.github.io)**
12+
13+
## ✨ Features
14+
15+
- **Realistic Aurora Animation** - Multiple flowing gradient waves with natural movement
16+
- **Twinkling Stars** - Dynamic starfield with individual twinkle effects
17+
- **Shooting Stars** - Random meteors with trail effects
18+
- **8 Color Themes** - Classic, Purple, Fire, Ice, Rainbow, Sunset, Ocean, Forest
19+
- **Customizable Settings** - Adjust speed, intensity, wave count, and star density
20+
- **Persistent State** - Settings saved to localStorage
21+
- **Responsive Design** - Works on all screen sizes
22+
23+
## 🎮 Controls
24+
25+
| Control | Action |
26+
|---------|--------|
27+
| `H` | Toggle control panel |
28+
| Sliders | Adjust animation parameters |
29+
| Color buttons | Change aurora theme |
30+
| 🎲 Randomize | Random settings |
31+
| ↺ Reset | Restore defaults |
32+
33+
## 🚀 Quick Start
34+
35+
1. Clone the repository:
36+
```bash
37+
git clone https://github.com/auroraborealisj/auroraborealisj.github.io.git
38+
```
39+
40+
2. Open `index.html` in your browser
41+
42+
No build process or dependencies required!
43+
44+
## 🛠️ Technologies
45+
46+
- HTML5 Canvas
47+
- Vanilla JavaScript
48+
- CSS3 Animations
49+
- LocalStorage API
50+
51+
## 📁 Project Structure
52+
53+
```
54+
├── index.html # Main application (single file)
55+
└── README.md # Documentation
56+
```
57+
58+
## 📄 License
59+
60+
This project is licensed under the MIT License - see below for details.
61+
62+
---
63+
64+
<p align="center">Made with ✨ and JavaScript</p>

0 commit comments

Comments
 (0)