I am a meteorologist on TV. I work in front of a chroma key wall. I would love to have a simulator like this where I could swap in the background image... well, you get the idea.<p>This would especially be good for me as I do the weather in Nebraska from a studio I built at home in SoCal. As far as I know I'm the only regularly scheduled TV news anchor to work from home in the US and possibly the world.
Hey, I made this for Codrops, like 2 or 3 years ago?<p>I mean, the rain effect itself, not the whole UI around it here.<p>Edit: Here's[1] the accompanying article, and here's[2] some other stuff I made (although my website is also just as old and hasn't been updated since!)<p>[1]<a href="http://tympanus.net/codrops/rain-water-effect-experiments/" rel="nofollow">http://tympanus.net/codrops/rain-water-effect-experiments/</a><p>[2]<a href="http://lbebber.github.io/" rel="nofollow">http://lbebber.github.io/</a>
Is there any description or attribution for the shader? Are the visuals an improved version of Martijn Steinrucken's "Drive Home" shader [1], or a different approach? This one does seem more dynamic with more detail, it looks pretty good, and I like how the big drops take out the small spray.<p>[1] shader: <a href="https://www.shadertoy.com/view/MdfBRX" rel="nofollow">https://www.shadertoy.com/view/MdfBRX</a><p>video: <a href="https://www.youtube.com/watch?v=WrxZ4AZPdOQ" rel="nofollow">https://www.youtube.com/watch?v=WrxZ4AZPdOQ</a><p>tutorial: <a href="https://www.youtube.com/watch?v=eKtsY7hYTPg" rel="nofollow">https://www.youtube.com/watch?v=eKtsY7hYTPg</a>
Looks similar to <a href="https://tympanus.net/codrops/2015/11/04/rain-water-effect-experiments/" rel="nofollow">https://tympanus.net/codrops/2015/11/04/rain-water-effect-ex...</a>
Looks good!<p>On osx mpb performance is stellar in Chrome sadly, while both Safari and Firefox only delivers 2-3 fps.<p>Weirdly on an iPhone with Safari the performance is smooth as silk.<p>I would really like to ditch Chrome, but it seems i get full speed fans with Firefox on sites sporadically, and while Safari is much better it's still not on par with any kinds of heavy graphics.<p>I don't get it. Why can my iPhone 6 run this super smoothly while my 3000 USD mpb struggles? And why can Chrome do it while Safari can't when it should have native access to GPU api's ?
The physics look pretty good, except for the few frames where a drop impacts the "window". They look too weirdly instanteous, and way too elastic for water on glass.
Am I missing something? I expected a technical description of how to do this, but instead I just see a simulation with no further explanation or links to it.
This is scarily close to realistic... for a second I got worried because my intuitive brain was telling me my laptop screen was all wet!<p>Curious if this is the best done in WebGL to date, or if there's even better out there? Or what this does and doesn't do, and where next obvious areas for improvement would be?
Pretty realistic save for one nit-picky detail. The refraction of background scenery into the larger raindrops doesn't change from the top of the window to where the drop falls off at the bottom. Yes, I know that would take an insane amount of computation for every drop but it would be cool.
This is very cool but where is the context, where is the how this was made?<p>The realism is so-so. Big raindrops do not accumulate smaller ones well enough when touching. And there is no splash.
I use this effect in my Android live wallpaper app, Rainpaper. It supports weather synchronization, reddit integration, custom backgrounds (including video), and muzei extensions.<p>You can see the app at <a href="https://rainpaper.com" rel="nofollow">https://rainpaper.com</a>
This is visually amazing. If only we could get the sound simulation to the same level but with different elements.. eg. Tin Roof / Tent / Weatherboard / Muffled Indoor / Downpipes etc. I've searched for years to find something realistic, and the closest I've been able to find was Naturescape.. but those are real seamless loop recordings.
Reminds me a lot of boodler (<<a href="http://boodler.org/>" rel="nofollow">http://boodler.org/></a>) but with visual component. I wish generative audio landscapes were a more popular thing to construct in general. Thanks heaps for sharing!
pretty great.<p>Something about the distribution of the droplets and the movement doesn't seem "random" enough. it seems pretty "regular" for lack of a better word.<p>The drops themselves look amazing.
Rain in movies is the opposite: it doesn't hit the camera viewport, but makes the street wet.<p>I'm wondering which would be more interesting to watch. Perhaps a combination of the two.
One problem with simulation is that it's super resource intensive, particularly more than a video. It turns my laptop's fans on quickly which then fights for my attention with the relaxing audio and makes me acutely aware that I'm killing my battery and putting unnecessary load on my computer.<p>Maybe a better middleground is to use an animation with transparency that you can instead overlay any background, like a looping gif.
i think this site would be much better than that
<a href="https://mynoise.net/NoiseMachine/campingRainNoiseGenerator.php" rel="nofollow">https://mynoise.net/NoiseMachine/campingRainNoiseGenerator.p...</a>