Browser simulation that requires JavaScript.

⇱ Open in large mode

Click the gear icon for some cool sliders.

I created a stylized animation of rain using JavaScript. The wind and intensity change randomly.


In the beginning it looked quite bad, but when I added the parallax effect it all came together. I am now pretty happy with it.

After I was done I added a small menu to pause the animation and enable the debug output. Then I, just to make it cooler, I added a bunch of sliders. I especially enjoy the color options. How cool is this blood rain and that rainbow rain.

Screenshot of rain animation. Background is white and rain is redScreenshot of rain animation. Background is black and rain is a rainbow

This is how it should look, so if it doesn't look like that it's broken.


For no particular reasons I added a bunch more color modes. Most notably a bunch of pride flag patterns. You can check them out in the menu.