

Realistic rain drops in JS - vvnraman
http://maroslaw.github.io/rainyday.js/demo1.html

======
mgraczyk
Looks great! The biggest drops sort of spoil the illusion at times because
they pass in front of or behind other drops without absorbing them. Maybe a
cool tweak for v2 would be to add some simple collision resolution?

It would probably look great if you did a front to back sort based on droplet
size, and resolved collisions (which you'd have to detect) by deleting the
smaller droplet.

~~~
pbnjay
Looks like they did:

[http://maroslaw.github.io/rainyday.js/demo012_3.html](http://maroslaw.github.io/rainyday.js/demo012_3.html)

~~~
starbugstone
That patch of blue sky on the right doesn't feel quite right and takes the
realism out of it a bit.

I know, just me being fussy. Impressive use of canvas though, it could be
really nice as an appeasing background image on a site. Using the navigator
geolocalisation and a weather site we could have a weather sensitive site.
Have to test resource wise and see.

------
jameszhao00
Looks pretty cool but the heavy aliasing is a bit distracting.

~~~
fudged71
Yeah, I mostly see blinking pixels. Maybe it is better on a retina display.

~~~
TheSpiceIsLife
Very convincing on Retina display from two feet or more.

------
TD-Linux
This is more impressive than I first thought... I wiped my screen, thinking I
had sneezed on it.

------
seanica
Press F11 then refresh. Reminds of screensavers I wrote in the 90s/early
2000s. Very nice.

------
piratebroadcast
I'm finally getting pretty comfortable with Rails, HTML, CSS, enough to
actually use things like this. Can anyone recommend slick/good looking js like
this that would be fun to toy with?

~~~
thekingshorses
You can try it out my hacker news web app for mobile.
[http://hn.premii.com](http://hn.premii.com)

Source code at [http://github.com/premii/hn](http://github.com/premii/hn) Or
This is another awesome HN app. Scroll down to bottom for source code.
[http://hackerwebapp.com/](http://hackerwebapp.com/)

------
futhey
Love it, used it in a project a while back. Unfortunately it's pretty resource
intensive. Had to disable it for most mobile and tablet browsers.

------
verelo
This is really great, amazing to see that things like this are possible on a
common users browser. What was the inspiration behind creating this?

------
james33
This is just begging for some JS audio to go with it!

~~~
kawsper
It would work great together with
[http://www.rainymood.com/](http://www.rainymood.com/)

------
devgutt
really cool. Something to help the mood
[http://www.noisli.com/](http://www.noisli.com/)

------
rubiquity
How do I make it go away?

~~~
matrix
It's a demo page. You can see the other examples here:

[http://maroslaw.github.io/rainyday.js/](http://maroslaw.github.io/rainyday.js/)

(click on the images to see each demo)

