Relax your coding self with the soothing JavaScript simulation of rain

Seems similar to this, which was posted here about 6 weeks ago:<p><a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=23985825" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=23985825</a><p>The linked site for this submission is branded&#x2F;copyrighted Pluvior.<p>The previous submission linked to the domain <a href="https:&#x2F;&#x2F;pluvoir.netlify.app" rel="nofollow">https:&#x2F;&#x2F;pluvoir.netlify.app</a> (though this now redirects to a dedicated domain - rainbowhunt.com).<p>The credits on the two sites look very similar:<p><a href="https:&#x2F;&#x2F;rainbowhunt.com&#x2F;credits.html" rel="nofollow">https:&#x2F;&#x2F;rainbowhunt.com&#x2F;credits.html</a><p><a href="https:&#x2F;&#x2F;itsrainingday.netlify.app&#x2F;credits.html" rel="nofollow">https:&#x2F;&#x2F;itsrainingday.netlify.app&#x2F;credits.html</a><p>On the previous submission, the author of the rain effect showed up to comment about their work: <a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=23987120" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=23987120</a><p>The only real difference with this submission is that it uses a different library for the rain effect; this one uses rainyday.js by Marek Brodziak instead - <a href="https:&#x2F;&#x2F;modernweb.com&#x2F;creating-a-realistic-rain-effect-with-canvas-and-javascript&#x2F;" rel="nofollow">https:&#x2F;&#x2F;modernweb.com&#x2F;creating-a-realistic-rain-effect-with-...</a>.<p>I don&#x27;t think there&#x27;s enough new&#x2F;original work here to count as a new Show HN.

I can personally endorse <a href="https:&#x2F;&#x2F;mynoise.net&#x2F;NoiseMachines&#x2F;campingRainNoiseGenerator.php" rel="nofollow">https:&#x2F;&#x2F;mynoise.net&#x2F;NoiseMachines&#x2F;campingRainNoiseGenerator....</a> and the various presets for that shown on the right.<p>The sliders are for different noises samples that are generally focused at that part of the sound spectrum and there are modes that will drift them up and down to keep things gently interesting.

Reminded me of this article on rain water effects: <a href="https:&#x2F;&#x2F;tympanus.net&#x2F;codrops&#x2F;2015&#x2F;11&#x2F;04&#x2F;rain-water-effect-experiments&#x2F;" rel="nofollow">https:&#x2F;&#x2F;tympanus.net&#x2F;codrops&#x2F;2015&#x2F;11&#x2F;04&#x2F;rain-water-effect-ex...</a>

Tried to use it but for some reason it randomly scroll me up and down when I move the mouse which is extremely annoying lol

Great idea! I&#x27;m somewhat confused as to what the different left-hand buttons do, though. They don&#x27;t seem to make a (immediate?) difference.

I really like the rain&#x2F;thunder sounds, and the the drops on the window is pretty cool.<p>The background image is a bit too blurred and weird stuff happens when resizing the window to something that will fit in the corner of the screen.<p>It would be nice if there were a few different pictures to pick from.

I really like this! So I did create a command to open this on my Vim:<p>command! Rain :OpenBrowser <a href="https:&#x2F;&#x2F;itsrainingday.netlify.app" rel="nofollow">https:&#x2F;&#x2F;itsrainingday.netlify.app</a><p>Depends on <a href="https:&#x2F;&#x2F;github.com&#x2F;tyru&#x2F;open-browser.vim" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;tyru&#x2F;open-browser.vim</a>

I enjoy café sounds (cutlery on dishes, people voices but not understandable) with jazz for relaxing. I usually just play the different audio simultaneously (Youtube, Soundcloud, ...).

Why does it scroll the page when I move my mouse barely an inch? I literally can&#x27;t get the mouse over the volume sliders as it keeps scrolling the whole page up and down.

How do you relax with all this noise? Made me uneasy.

Now we just need a Javascript Lo-Fi girl