Realistic rain drops in JS

by vvnramanon 4/25/2014, 1:44 AMwith 21 comments

by mgraczykon 4/25/2014, 3:29 AM

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.

by jameszhao00on 4/25/2014, 2:59 AM

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

by TD-Linuxon 4/25/2014, 2:39 AM

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

by seanicaon 4/25/2014, 3:44 AM

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

by piratebroadcaston 4/25/2014, 2:52 AM

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?

by futheyon 4/25/2014, 4:25 AM

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.

by vereloon 4/25/2014, 2:58 AM

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?

by james33on 4/25/2014, 3:20 AM

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

by devgutton 4/25/2014, 2:57 AM

really cool. Something to help the mood http://www.noisli.com/

by rubiquityon 4/25/2014, 2:56 AM

How do I make it go away?