WebGL raindrops animation that took realism way too far | Hacker News Reader

WebGL raindrops animation that took realism way too far

webdesignernews.com

24 pointssporive11 comments

This just redirects to http://rainyscope.com/ Very cool though!

I think this is neat, but it really bothers me that the large drops are out of focus while the really small ones are super-crisp. It looks almost like there's multiple panes of glass and there's mist getting between them, while the large drops fall on the outside.

EDIT: Also, for winter... Very liquid rain when there's snow on boughs of the distant trees? That strikes me as not-right as well.

I love this but the focus issue messes with my brain. Also snow on the ground and rain on the glass. Should be snow flakes stuck to the window. But I'm being picky now.

If you have good double-glazed windows, the snow doesn't usually stick. It'll build up in the corners, though... Or of there are screens over the windows it can stick to the screen.

(This focus effect is almost as if there is a screen, where the large drops run down the screen and the spattered mist is on the glass, and the edge of the depth of field is between the two...)

It might have to do with the low resolution of the background image. The small drops produce stronger distortion, compressing a large region of the image into a smaller area, while the large drops faithfully reproduce the blurriness of the image after it's already been blown up to the size of your screen. Everything looks more uniform if you load it in a smaller window, but if you go too small, you'll notice aliasing in the smaller drops.

For Google Chrome RainyScope error "Sorry, but your browser does not support WebGL!": https://superuser.com/questions/836832/how-can-i-enable-webg...

Note: I'm running Google Chrome Version 51.0.2704.84 m and had to enable "Override software rendering list", at chrome://flags/, after following linked instructions, above. As noted, this can do bad things.... ; o )

Not RainyScope's fault: Chrome thinks your graphics card can't handle WebGL.

Haha, I think sound is not coming because soundcloud is overloaded due to this.

Failed to load resource: the server responded with a status of 429 (Too Many Requests) - https://api.soundcloud.com/tracks/240717213/stream?secret_to...

i reverse-engineered this raindrop demo so you can run it on your own PC with your own background image. PM me on Twitter @markentingh if you want the code

Congrats. You stole JavaScript via curl. You are the 31337 hax0r. I hope not a single person reaches out to you

Pretty rad.

Reply on news.ycombinator.com