https://github.com/edisedis777/rain

A rain simulator.
https://github.com/edisedis777/rain

rain simulator

Last synced: about 1 month ago
JSON representation

A rain simulator.

• Host: GitHub
• URL: https://github.com/edisedis777/rain
• Owner: edisedis777
• License: mit
• Created: 2025-03-10T13:31:53.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-10T13:46:41.000Z (over 1 year ago)
• Last Synced: 2025-03-10T14:33:21.636Z (over 1 year ago)
• Topics: rain, simulator
• Language: JavaScript
• Homepage: https://edisedis777.github.io/Rain/
• Size: 17.6 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Rain

[![Visual Studio Code](https://custom-icon-badges.demolab.com/badge/Visual%20Studio%20Code-0078d7.svg?logo=vsc&logoColor=white)](#)

[![HTML](https://img.shields.io/badge/HTML-%23E34F26.svg?logo=html5&logoColor=white)](#)

[![CSS](https://img.shields.io/badge/CSS-1572B6?logo=css3&logoColor=fff)](#)

[![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?logo=javascript&logoColor=000)](#)

[![Markdown](https://img.shields.io/badge/Markdown-%23000000.svg?logo=markdown&logoColor=white)](#)

A rain simulator.

![Rain](https://github.com/user-attachments/assets/c61d0c4a-32bf-4cfd-a9a1-8e0121389be4)

## Demo

Try it live: [Here](https://edisedis777.github.io/Rain/)

## Features

- Varying Rain Intensity: Random adjustment every 5 seconds.

- Window Droplets: Added 500 initial droplets.

- Interactivity: Slider for rain intensity, toggle button for day-night, and color picker for rain color.

- Day-Night Toggle: Manual toggle with button and automatic cycle every 30 seconds.

- Performance Optimization: Raindrops are removed after falling off-screen.

- Accessibility: ARIA labels in HTML.

- Mobile Responsiveness: CSS media queries and resize listener to adjust raindrops.

- Day-Night Cycle: Simplified automatic toggle.

- User Customization: Rain color picker updates raindrop color.

- Simulated Weather Data: Randomly simulated with mock conditions (light, moderate, heavy).

## Contributing

To contribute:

- Fork this repository.

- Create a branch for your changes (git checkout -b my-feature).

- Commit your updates and push them.

- Submit a pull request with a brief explanation of what you’ve added or improved.

- Whether it’s a bug fix, a new feature, or a customization, all contributions are appreciated!

### Credits

Rain draws inspiration from nature.

### License

Distributed under the GNU Affero General Public License v3.0 License. See `LICENSE` for more information.