Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: WebGL simulation of rainy autumn day/evening

pluvoir.netlify.app

Post reply on HN
Print view View original

21–30 of 65 posts

Re: Show HN: WebGL simulation of rainy autumn day/evening

#21

Post by lbebber »

weinzierl wrote: post #12

Not sure if it is the original but the source where I first saw this rain effect was on ShaderToy - The Drive Home by Martijn Steinrucken aka BigWings[1] The accompanying video tutorial[2] is super interesting too as well as the HN discussion at the time [3]. [1] https://www.shadertoy.com/view/MdfBRX [2] Link to first part: https://www.youtube.com/watch?v=eKtsY7hYTPg [3] https://news.ycombinator.com/item?id=15564148

It has already been posted by jeffschofield, but the original is here[1], along with a brief article breaking down the effect[2].

The one you posted is in many ways nicer though due to it all being a single shader, however it has the downside of the drops not interacting with each other.

[1] https://tympanus.net/Development/RainEffect/

[2] https://tympanus.net/codrops/2015/11/04/rain-water-effect-ex...

Re: Show HN: WebGL simulation of rainy autumn day/evening

#23

Post by weinzierl »

lbebber wrote: post #21
weinzierl wrote: post #12

Not sure if it is the original but the source where I first saw this rain effect was on ShaderToy - The Drive Home by Martijn Steinrucken aka BigWings[1] The accompanying video tutorial[2] is super interesting too as well as the HN discussion at the time [3]. [1] https://www.shadertoy.com/view/MdfBRX [2] Link to first part: https://www.youtube.com/watch?v=eKtsY7hYTPg [3] https://news.ycombinator.com/item?id=15564148

It has already been posted by jeffschofield, but the original is here[1], along with a brief article breaking down the effect[2]. The one you posted is in many ways nicer though due to it all being a single shader, however it has the downside of the drops not interacting with each other. [1] https://tympanus.net/Development/RainEffect/ [2] https://tympanus.net/codrops/2015/11/04/rain-water-effect-ex...

I remember that I have seen that before, but I don't remember when. Seems to be from 2015 while "The Drive Home" is from 2017.

Re: Show HN: WebGL simulation of rainy autumn day/evening

#25

Post by lbebber »

Hi, I'm the author of the rain effect (not of the website itself though).

You can see the original effect here[1], along with an explanation here[2].

If you like it, you can see a few more effects and experiments on my portfolio here[3], although it's been a couple of years now since I've done anything of the sort (that I can post publicly, that is).

[1] https://tympanus.net/Development/RainEffect/

[2] https://tympanus.net/codrops/2015/11/04/rain-water-effect-ex...

[3] http://lbebber.github.io/

Re: Show HN: WebGL simulation of rainy autumn day/evening

#26

Post by hombre_fatal »

The drops flicker in OSX Chrome 84 for me. Works in other browsers.

Not surprising though. This 2017 Macbook Pro's integrated gfx (Intel Iris Plus Graphics 640 1536 MB) seems incapable of rendering any 3D games after 2010 without flickering at some point. It's one reason I'm still playing Morrowind (2002).

Re: Show HN: WebGL simulation of rainy autumn day/evening

#28

Post by acidburnNSA »

dbrgn wrote: post #17

That looks / sounds great! Are the sounds based on samples, or procedurally generated?

My question too. This loads really fast and is really smooth.

I've been using https://mynoise.net/ for years as a paying customer for this kind of thing and am always happy to see other movement in this tech.

Re: Show HN: WebGL simulation of rainy autumn day/evening

#29

Post by lbebber »

hombre_fatal wrote: post #26

The drops flicker in OSX Chrome 84 for me. Works in other browsers. Not surprising though. This 2017 Macbook Pro's integrated gfx (Intel Iris Plus Graphics 640 1536 MB) seems incapable of rendering any 3D games after 2010 without flickering at some point. It's one reason I'm still playing Morrowind (2002).

It _is_ really weird, that didn't use to happen either. Started happening after some update of either Chrome or macOS, I'm not certain which.

In fact I think this is one of the most frustrating things of working with WebGL (or any of those slightly less common browser APIs, really), lots of small weird compatibility issues and instabilities.

Post reply on HN