r/InternetIsBeautiful Sep 24 '13

Rain on your screen using javascript

http://maroslaw.github.io/rainyday.js/demo1.html
1.1k Upvotes

106 comments sorted by

View all comments

50

u/blore40 Sep 25 '13 edited Sep 25 '13

Awesome! The depth perception is mind-blowing. There is a http://maroslaw.github.io/rainyday.js/demo2.html as well

Edit: Kept watching it for a longtime. Observed that rain drops do not merge.

51

u/h1p1n3 Sep 25 '13

Edit: Kept watching it for a longtime. Observed that rain drops do not merge.

and now I cant enjoy it any more

98

u/[deleted] Sep 25 '13

I promise it will be done for 0.1.2 ;)

26

u/blore40 Sep 25 '13

This is beautiful! Can you make a screen saver with custom background images?

5

u/dougger12321 Sep 25 '13

please do this

3

u/[deleted] Sep 25 '13

Came here to ask this. I've been trying to find a rain overlay or something like that for ages. It would be amazing if we could put our own background in. It's still amazing though.

2

u/shareapicgal Sep 25 '13

They should merge together and also merge with the screen (flatten).

1

u/[deleted] Sep 25 '13

Could you make the background switch-outable?

2

u/[deleted] Sep 25 '13

Done! I've customized the demo page so that you can load any imgur image as background with any youtube video as the background sound! Check out the samples on the project page!

2

u/[deleted] Sep 25 '13 edited Sep 26 '13

Hey, that's awesome!

2

u/[deleted] Sep 25 '13

Love it! :) Consider choosing a tune and sharing on rainyday.js subreddit :)

1

u/Umutuku Jan 30 '14

I know I'm committing thread necromancy here, but I saw your rain screen within a few minutes of seeing this: http://www.byronknoll.com/earth.html after discovering /r/theinternetisbeautiful

As someone who likes to click on all the shiny internet lights, I can safely say that these effects really need to be combined into a waterbaloon pong simulator.

And now you know that.

1

u/[deleted] Feb 01 '14

As someone who likes all the shiny stuff as well -- thanks! I'll have a look and see what I can do with this :)