TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Relax your coding self with the soothing JavaScript simulation of rain

60 pointsby newcodersover 4 years ago

11 comments

merricksbover 4 years ago
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.
verytrivialover 4 years ago
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.
评论 #24431941 未加载
vicniciusover 4 years ago
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>
评论 #24432133 未加载
Eekover 4 years ago
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
etripeover 4 years ago
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.
评论 #24432000 未加载
评论 #24432015 未加载
评论 #24431382 未加载
chillfoxover 4 years ago
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.
评论 #24431877 未加载
adelarsqover 4 years ago
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>
_Microftover 4 years ago
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, ...).
LandRover 4 years ago
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.
评论 #24431844 未加载
nurettinover 4 years ago
How do you relax with all this noise? Made me uneasy.
评论 #24432543 未加载
vsaretoover 4 years ago
Now we just need a Javascript Lo-Fi girl
评论 #24431931 未加载